javascript - 如何制作进度条

Question

如何在 html/css/javascript 中制作进度条。我真的不想使用 Flash。可以在这里找到类似的东西:http://dustincurtis.com/about.html

我真正想要的是一个“进度条”，它会更改为我在 PHP 中给出的值。你的流程是什么？有什么好的教程吗？

Answer 1

您可以通过 css 控制 div 的宽度来实现。大致是这样的:

<div id="container" style="width:100%; height:50px; border:1px solid black;">
  <div id="progress-bar" style="width:50%;/*change this width */
       background-image:url(someImage.png);
       height:45px;">
  </div>
</div>

如果您愿意，可以从 php 发送该宽度值。