如何制作进度条

Question

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

我真正想要的只是一个“进度条”，它可以更改我在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发送该宽度值。