基于javascript的进度条

【问题标题】：javascript based progress bar基于javascript的进度条
【发布时间】：2010-02-10 20:01:59
【问题描述】：

我很好奇如何开发基于 javascript（或也受益于 jquery）的进度指示器：

我的第一个想法是这样的：

function drawBar(total,sofar){
.........................

}

它消耗最大数量（在我们的例子中为 20）和到目前为止（图片为 15）。

但是如何实现呢？

是否有任何基于 jquery 的插件来实现这一点？

问候

【问题讨论】：

【解决方案1】：

这通常是用 CSS 完成的，通过创建一个 div 进度条的总大小，然后创建另一个 div 子级，它具有需要填充的百分比宽度。

您可以随意设置divs 的样式。您可能希望使用background-color 或background-image 和background-repeat 来设置内部div 的样式。它可以是纯色、渐变色或带状图案，看起来很流行。

你用 Google 搜索过 jQuery 插件吗？他们很容易找到。例如：http://t.wits.sg/jquery-progress-bar/

【讨论】：