需要帮助找出进度条解决方案

时间:2013-06-08 05:56:55

标签: javascript jquery css

我正在使用网络技术(html,css,jquery mobile)创建一个非常基本的应用程序。

该应用只允许我创建目标并将其保存到列表视图<li>元素。对于每个有目标的<li>,我还有一个div,用于显示设置为0%的进度条图像。

所以我想说我已经添加了10个目标,这意味着将有10个<li>元素显示我设置的目标,例如“遛狗”或其他什么,当我选择我想要工作的目标时,我会通过点击或按下(如果在手机上使用),<li>我想要处理的目标,然后我将进入下一个屏幕(页面),这将有一个滑块允许我选择了我已经完成了多少目标,我可以使用滑块在0%,50%或100%之间进行选择。

我需要能够使用当前目标<li>来定位我正在改变div的样式以显示一个图像,该图像将显示与我完成的百分比相匹配的进度条0% ,50%或100%。有什么简单的方法可以做到这一点?

1 个答案:

答案 0 :(得分:0)