1

以下に jquery プログレス バーがあります (コードを参照)。現在、開始/停止ボタン機能を使用してロードします。結局のところ、これはプログレス バーであるため、Web サイトの他のすべての要素が読み込まれる前に、最初に自動的に読み込まれるようにしたいと考えています。Web ページの読み込みが開始された瞬間に開始し、Web ページのコンテンツが表示され始めた瞬間に停止したい。（その白い画面の待機期間中の進行状況を表示するためだけに...）

私のコード:

<script type="text/javascript">
var pct=0;
var handle=0;
function update(){
    $("#progressbar").reportprogress(++pct);
    if(pct==100){
            clearInterval(handle);
            $("#run").val("start");
            pct=0;
    }
}
jQuery(function($){
    $("#run").click(function(){
            if(this.value=="start"){
                    handle=setInterval("update()",100);
                    this.value="stop";
            }else{
                    clearInterval(handle);
                    this.value="start";
            }
    });
    $("#reset").click(function(){
            pct=0;
            $("#progressbar").reportprogress(0);
    });
});
</script>

HTML:

<div id="progressbar"></div>
<input type="button" id="run" value="start"></input>
<input type="button" id="reset" value="reset"></input>

CSS:

#progressbar{
    border:1px solid black;
    width:200px;
    height:20px;
    position:relative;
    color:black;
}
/* color bar */
#progressbar div.progress{
    position:absolute;
    width:0;
    height:100%;
    overflow:hidden;
    background-color:#369;
}
/* text on bar */
#progressbar div.progress .text{
    position:absolute;
    text-align:center;
    color:white;
}
/* text off bar */
#progressbar div.text{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
}

どんな助けにも感謝します。ありがとう

4

1 に答える 1

0

次に、使用する必要があります

$(window).load(function () {

                //write you progress bar function here..

    });
于 2012-06-05T10:17:04.053 に答える