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

Question

我正在使用网络技术（html，css，jquery mobile）制作一个非常基础的应用程序。

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

假设我添加了10个目标，这意味着将有10个<li>元素显示我设置的目标，例如“走路的狗”或其他，当我选择要实现的目标时，我会这样做通过单击或按下（如果在手机上使用），将<li>设置为我要处理的目标，然后将进入下一个屏幕（页面），该屏幕上有一个滑块，可让我选择要我已经完成了目标，并且可以使用滑块在0％，50％或100％之间选择。

我需要以当前正在努力的目标为目标<li> ，以更改div的样式以显示图像，该图像将显示进度条，该进度条与我完成0％，50％或100％。 有什么简单的方法可以做到这一点？

Answer 1

试试这个，这一定会帮助您...

https://github.com/tolis-e/jQuery-Mobile-Progress-Bar-with-Percentage