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

取而代之的是，您可以尝试Query Loader。

这个预加载器拥有一切。加载栏、自定义动画和获取网页中包含的所有图像。

你可以在这里看到一个演示

于 2012-07-21T04:40:59.703 回答