首页 文章

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

提问于
浏览
0

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

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

所以假设我已经添加了10个目标,这意味着将有10个 <li> 元素显示我设置的目标,例如"Walk the dog"或其他什么,当我选择我想要处理的目标时,我会通过点击或按下(如果在手机上使用), <li> ,我想要的目标,然后我将被带到下一个屏幕(页面),它将有一个滑块,允许我选择我完成了多少目标,我可以使用滑块选择0%,50%或100% .

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

1 回答

相关问题