我正在使用网络技术（html、css、jquery mobile）制作一个非常基本的应用程序。
该应用程序只允许我创建目标并将它们保存到列表视图<li>元素中。对于每<li>一个有目标的东西，我还有一个 div 用于显示设置为 0% 的进度条的图像。
假设我添加了 10 个目标，这意味着将有 10 个<li>元素显示我设定的目标，例如“遛狗”或其他任何内容，当我选择要实现的目标时，我将通过单击或按下（如果在手机上使用），<li>带有我想要工作的目标，然后我将被带到下一个屏幕（页面），该屏幕将有一个滑块允许我选择我已经完成了多少目标和我可以使用滑块在 0%、50% 或 100% 之间进行选择。
我需要能够以<li>我正在处理的当前目标为目标，以更改 div 的样式以显示一个图像，该图像将显示一个与我已完成的百分比相匹配的进度条 0%、50% 或 100%。有什么简单的方法可以做到这一点？