我有一个使用 html/css/js 制作的简单待办事项列表应用程序。您键入一个任务,添加它,然后该任务显示在 li 元素的页面上。如果我选择一个任务,它会突出显示,我会被带到另一个页面。此页面上只有一个“完成”按钮。按下此按钮后,我会看到一个弹出窗口,询问我完成了多少我正在处理的当前任务,范围从 1 到 10,我可以使用 slider 进行选择。 10 表示 100% 的任务已完成。这是我需要帮助的地方。我想要一个进度条来表示我使用 slider 选择的数字,仅用于我在上一页选择的特定任务。所以如果我有 10 个任务,我选择一个,当我用 slider 选择我完成了多少任务时,从 1 到 10,我选择的那个特定任务将显示一个进度条,代表我用没有其他任务的 slider 也显示相同。我在想也许当我添加一个任务时,一个新生成的类可以附加到那个特定的 li 元素?这就是 slider 如何只能应用代表我为该特定任务选择的数字的进度?对不起,如果我没有道理。我累了。
最佳答案
使用Html5标签进度标签 http://www.w3schools.com/tags/tag_progress.asp 例子
<progress value="22" max="100">
</progress>
关于javascript - Web应用程序中进度条的解决方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14785717/