Question

我在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>

你能帮我添加丢失的代码来显示已加载百分比的文本吗？

Answer 1

https://developer.mozilla.org/en/DOM/element.innerHTML - 这是设置元素内容的元素属性。

假设您的进度百分比定义为var percent，您只需要设置内容：

progress.innerHTML = percent.toFixed(1) + '%';

Answer 2

您可以尝试 Query Loader 。

，而不是这样

这个预加载器拥有一切。加载栏，自定义动画以及将所有图像包含在网页中。

您可以看到演示 here

如何在Javascript中为我的进度条设置百分比？

2 个答案: