基于javascript的进度条

我很好奇如何开发基于javascript（或从jquery中获益）的进度指标，例如：

我的第一个想法是：

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

}

其中，它消耗最大数量（在我们的例子中为20）和sofar（在图片中为15）

但如何实施呢

有没有基于jquery的插件来实现这一点

---

关于

这通常是通过CSS完成的，方法是创建一个

div

进度条的总大小，然后再创建另一个

div

子项，其宽度百分比为需要填充的内容的宽度

您可以根据需要设置

div

s的样式。您可能希望使用

背景色

，或

背景图像

和

背景重复

来设置内部div的样式。它可以是纯色、渐变色或带状图案，看起来相当流行

你用谷歌搜索过jQuery插件吗？它们很容易找到。举个例子：