Html5 中的环形进度条

图片说明

有谁做过的吗？求帮忙！环形一定要是多种颜色的

我最近也在弄类似的效果（时光轴），讲一下想法：
1.你要的渐变色其实是一个背景色渐变的圆形（百度一下）
2.用另一个稍小的黑色圆形遮盖掉有渐变色背景的圆
3.进度控制可以用旋转的三角形或者其他方式来继续遮盖

确定好z-index,完全可实现，只不过调起来比较花时间