jquery - jQuery プログレス バーに進行状況が表示されない

Question

このJqueryプログレスバー関数を見つけたので、Webページの読み込み中にプログレスバーを表示するために単純に使用したい.実際にはコードと画像を含めました.プログレスバーにはパーセンテージが表示されていますが、進行状況は表示されていません.

助けてください。画像も追加しました。

Answer 1

たとえば、幅 150px、高さ 15px の div を作成します。次に、その div 内に高さ 15px で最初は幅 0 の別の div を作成します。

<div style="height:15px; width:150px; background-color:white; ">
    <div style="height:15px;width:0; background-color:blue; "></div>
</div>

次に、約 200 ミリ秒ごとに更新するタイマーを作成し、進行状況に応じて内側の div の幅を更新します。その幅は (% complete) * 150px になります。