0

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

4

2 回答 2

0

http://t.wits.sg/misc/jQueryProgressBar/demo.php 嗨试试这个应该可以解决问题。

于 2013-02-09T06:56:09.233 回答
0

使用 Html5 标签 Progress Tag http://www.w3schools.com/tags/tag_progress.asp 示例

<progress value="22" max="100">
</progress>
于 2014-01-16T06:50:02.437 回答