求环形多色进度条实现思路

Question

求问，如图的进度条应该怎么实现，用了很多种方法都写不出来。。

Answer 1

颜色太多了，我知道四个颜色的，用两个半圆来倾斜。这种颜色太多了，用canvas画。