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

我正在使用web技术（html、css、jquery mobile）制作一个非常基本的应用程序

该应用程序只允许我创建目标并将其保存到listview的

元素中。对于每个有目标的

，我还有一个div，用于显示设置为0%的进度条图像

假设我已经添加了10个目标，这意味着将有10个

元素显示我设定的目标，例如“遛狗”或其他什么，当我选择要实现的目标时，我将通过单击或按（如果在手机上使用）来实现，带有我想要完成的目标的

，然后我将被带到下一个屏幕（页面），该屏幕将有一个滑块，允许我选择我完成了多少目标，并且我可以使用滑块在0%、50%或100%之间进行选择

---

我需要能够以当前目标为目标，将div的样式更改为显示一个图像，该图像将显示一个进度条，该进度条与我完成0%、50%或100%的百分比相匹配。做这件事的简单方法是什么？

试试这个，这肯定会帮助你

---

当你进入“下一个屏幕”时，他们是否真的离开了页面？您是将他们的进度百分比保存到数据库中，还是将其保存到该会话中？你能分享一些相关的代码吗？不幸的是，我在另一台机器上有这些代码。是的，我还希望保存目标进度。我曾考虑使用html5本地存储，但我不确定这是否足够好。我不确定什么解决方案是合适的，当它最终将是一个基本的手机应用程序包装的电话差距。