Jquery 水平进度条

在html和jQuery中，如何显示多个水平进度条？我有一个上课的想法。学生就主题投票，当他们投票时，进度条会左右移动。如果你曾经参加过AdobeConnect上的民意调查，那就是我所想的那种表情

它可以是html5，因为我将是唯一一个显示结果的人（在类的前面）

它不可能在flash中，因为我对flash不太了解

我将每隔15秒左右自动刷新一次页面。

doc: 演示：

---

如果需要多个进度条，只需创建多个元素

我会使用简单的嵌套div，并将内部彩色div的宽度百分比设置为您要测量的内容的百分比。外部div可以有边框和固定的宽度/高度。我会先让这个基本功能正常工作。然后，您可以添加一个漂亮的进度条作为增强功能

---

您可以使用jQuery来帮助进行编码，但这主要是基本JavaScript/HTML编码的练习。由于JavaScript是单线程的，您将无法同时（按照单词的真正定义）更新进度条，但您可以使用某种排序时间间隔循环更新进度条，并单独更新每个进度条的完成百分比，以反映每个人（或任何人）的进度

你一定是找了这个，找到了吗？您还有什么问题？

在div中使用div怎么样

HTML/CSS：

<div id="progress" style="width:200px; height:5px; border:1px solid black">
    <div style="background:green; height:inherit; width:0%">
    </div>
</div>

---

还没有测试过这段代码，所以把社区wiki放在：）

你对HTML5或JQuery的了解比你对Flash的了解要好得多吗？

<div id="progress" style="width:200px; height:5px; border:1px solid black">
    <div style="background:green; height:inherit; width:0%">
    </div>
</div>

$(document.ready(function() {
    window.setInterval(function() {
        $('#progress div').css('width', your_way_of_measuring_percentage + '%');
    }, 15000);
});