css样式问题，求教？

如图所示，
1、外圈不规则图形
2、颜色渐变
3、可用js控制从头转到尾

求助各位大神，困扰我好久了
也可提供个思路，谢谢！<爱尬聊_尬聊生活>！！