锥形渐变的正式语法如下：

conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )

可以看出锥形渐变由3部分组成：

起始角度

中心位置

角渐变断点

其中起始角度和中心位置都是可以省略的

这里只用了角渐变断点

background-image: conic-gradient(green 80%,#fff 80% 100%);

主要实现就两步

1.利用conic-gradient画一个圆

2.利用任意元素做个内圆遮挡

最外层的背景色原来是白色的，这里为了便于识别改成了灰色，现在将灰色的背景还原为白色

环形进度条完成，就这么简单

通过动态的设置green的值就可以改变进度条的值

补充:还可以实现渐变进度条效果

代码片段: 利用css圆锥渐变实现环形进度条