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

标签 javascript jquery html css

我有一个使用 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/

相关文章:

jquery - 提交表单后打开 iframe

javascript - 通过 jquery ajax php 发送动态表单

javascript - Ajax/PHP - 无法识别自动完成值

javascript - jquery 不能与 WordPress 一起使用?

html - 在网格布局框架中使用固定位置

html - 我的背景图像不工作

javascript - 加载后页面跳转

javascript - 使用Ajax获取php函数调用的数组

javascript - D3 SVG 到 Canvas

javascript - 如何在异步函数中重新组织我的返回?