js环形进度条4种颜色的怎么实现？

这种效果的，可以控制百分比

这种自己写的话很麻烦，直接用echarts的饼图，就可以做到
实例：http://echarts.baidu.com/demo.html#pie-doughnut

这种的话一般都是直接用框架带的了

http://www.w3cplus.com/css3/create-radial-progress-bar-with-jQuery-and-css3.html

自定义的话代码会非常复杂，推荐使用框架，找到你需要的内容，把相关的类带进去就好，类的样式已经帮你写好了，而百分比应该可以通过改变width来实现。你可以试试bootstrap框架，里面进度条我是套用过的，面饼图应该也在里面。

如果是进度条，一条线，四种颜色也简单，但是你这个不是。需要复杂处理，画图。