1

私は Javascript について何も知りません (進行状況バーのコードをコピーしましたが、パーセンテージは表示されません)。プログレスバー内に実際の % のテキスト値を表示するだけです (1%、2%、3% などのテキスト)。

私が持っている既存のコードは次のとおりです（スタイルは気にしないので、コードを読みやすくするために削除しました）：

<div id="loading">
<div id="progressbar">
<div id="progress"/>

<script>
 var loading = document.getElementById('loading');
 var progress = document.getElementById('progress');
 var progressbar = document.getElementById('progressbar');

 function updateProgress() 
 {
   if (loading.style.display !== 'none')
   {
       var width = parseInt(progress.offsetWidth + ((progressbar.offsetWidth - progress.offsetWidth) * .15));

       if (width > (progressbar.offsetWidth * .95))
        width = parseInt(progressbar.offsetWidth) * .5;

       progress.style.width = width + 'px';
       window.setTimeout("updateProgress()", 1000);
    }
  }
 document.body.style.margin = 0;
 document.body.style.padding = 0;
 loading.style.display = 'block';
 updateProgress();
 </script>
</div>
</div>

不足しているコードを追加して、パーセンテージが既に読み込まれているテキストを表示するのを手伝ってもらえますか?

4

2 に答える 2

2

https://developer.mozilla.org/en/DOM/element.innerHTML -- これは、要素のコンテンツを設定するための要素プロパティです。

進行状況のパーセンテージが として定義されていると仮定するとvar percent、次のようにコンテンツを設定する必要があります。

progress.innerHTML = percent.toFixed(1) + '%';
于 2012-07-21T03:08:26.097 に答える
0

これの代わりに、QueryLoaderを試すことができます。

このプリローダーにはすべてが揃っています。バー、カスタムアニメーションを読み込んで、すべての画像をWebページに含めます。

ここでデモを見ることができます

于 2012-07-21T04:40:59.703 に答える