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