使用jquery指定路径的进度条？

有没有办法做到这一点？ 我真正想做的是，根据jquery UI滑块的值逐渐改变线条的颜色，但遵循特定的路径，这样我就可以实现如下效果：

我想不出一个好办法来实现这一点，有什么建议吗？

---

任何帮助都将不胜感激

我以前只使用过jquery ui进度条一次，但基于我第一次尝试实现它时看到的示例和内容，我不这么认为。我所见过的最好的东西就是让这个酒吧成为现实。

JayBlanchard说：）首先想到的是一些涉及背景图像的东西。一个红色层（实心背景），然后是一个带蓝色背景的div（主内容下方的z索引）。然后，实际的线条是PNG的透明部分。滑动该条时，观察其在Javascript中的位置，并首先将蓝色div向右移动（在两个滑块值之间），然后向下移动（在两个后续滑块值之间），然后向左移动（滑块上的另一个范围）。它不太优雅，但可能会起作用。谢谢你的建议，这正是我一开始所做的。但我遇到的一个问题是，如果我快速移动滑块，div将同时开始移动。无论如何，我发现更准确的方法是使用三个进度条跟踪线条的路径