基本JavaScript Progressbar动画

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了基本JavaScript Progressbar动画相关的知识，希望对你有一定的参考价值。

  1. <div id="progress" style="background: green; width: 0;">&nbsp;</div>
  2. <p><a href="#" onclick="progress(); return false;">start</a></p>
  3.  
  4. function progress() {
  5.     var loadingbar = document.getElementById("progress");
  6.     var width = parseInt(loadingbar.style.width);
  7.     width++;
  8.     loadingbar.style.width = width + "px";
  9.     if (width < 300) {
  10.         setTimeout(progress, 10);
  11.     }
  12. }

以上是关于基本JavaScript Progressbar动画的主要内容，如果未能解决你的问题，请参考以下文章