我正在使用网络技术(html,css,jquery mobile)创建一个非常基本的应用程序。
该应用只允许我创建目标并将其保存到列表视图<li>
元素。对于每个有目标的<li>
,我还有一个div,用于显示设置为0%的进度条图像。
所以我想说我已经添加了10个目标,这意味着将有10个<li>
元素显示我设置的目标,例如“遛狗”或其他什么,当我选择我想要工作的目标时,我会通过点击或按下(如果在手机上使用),<li>
我想要处理的目标,然后我将进入下一个屏幕(页面),这将有一个滑块允许我选择了我已经完成了多少目标,我可以使用滑块在0%,50%或100%之间进行选择。
我需要能够使用当前目标<li>
来定位我正在改变div的样式以显示一个图像,该图像将显示与我完成的百分比相匹配的进度条0% ,50%或100%。有什么简单的方法可以做到这一点?
答案 0 :(得分:0)
试试这个,这肯定会帮助你......
https://github.com/tolis-e/jQuery-Mobile-Progress-Bar-with-Percentage