我很努力为网站实现自定义进度条。这是形状,它应该有:自定义形状进度条
当用户选择了一圈,我想行(也是唯一的线,而不是圆)来填充不同的颜色,直到它到达圆,最后那个红点应该出现在中间,有这个作为最终结果,如果用户点击了第三圈:
我不知道什么可能是最好的主意,这个简单的方法。我尝试了一些纯CSS,jQuery和JavaScript解决方案,但没有人可以重新创建这种效果。我是否应该有两个图像并逐渐覆盖它们,直到只到达单击的点?我应该完全忘记图像并尝试使用CSS或SVG重新创建图形并更改某个部分的颜色?
我通常都知道问题在这里有一些代码,但我不能表现出任何,因为我没有什么办法的主意,采取和研究网上导致解决方案的无穷多小时,并不适用于我的情况。
在此先感谢。
这是不可思议的,这正是我的意思,非常感谢!我会把你的名字评论上面的CSS和jQuery。 – 2014-11-21 15:06:19