Web应用程序中进度条的解决方案

时间:2013-02-09 06:51:31

标签: javascript jquery html html5 css3

我有一个简单的待办事项列表应用程序我用html / css / js。您键入任务,添加任务,然后将其显示在li元素的页面上。如果我选择一个任务,它会突出显示,然后我会被带到另一个页面。这个页面上只有一个“完成”按钮。一旦我按下这个按钮,我就会看到一个弹出窗口,询问我完成了当前正在处理的当前任务的大小,从1到10,我可以用滑块选择。 10表示100%的任务正在完成。这是我需要帮助的地方。我想要一个进度条来表示我使用滑块选择的数字,仅用于我在上一页中选择的特定任务。因此,如果我有10个任务,我选择一个,当我选择滑块时我从1到10的比例中完成了多少,我选择的特定任务将显示一个进度条,代表我选择的滑块没有其他任务也显示相同。我想也许当我添加一个任务时,新生成的类可以附加到该特定的li元素?这是滑块如何仅应用表示我为该特定任务选择的数字的进度?对不起,如果我没有意义。我累了。

2 个答案:

答案 0 :(得分:0)

http://t.wits.sg/misc/jQueryProgressBar/demo.php嗨,试试这个应该做的伎俩。

答案 1 :(得分:0)

使用Html5标签进度标记 http://www.w3schools.com/tags/tag_progress.asp 例子

<progress value="22" max="100">
</progress>