CSS实现圆环百分比进度效果

原文链接：https://blog.csdn.net/wanglei1991gao/article/details/80009252

原理：红色背景圆为主题，在其上覆盖左右两个灰色半圆，然后在最上面放上用于显示百分比的黑色圆，通过交替旋转两个灰色半圆露出下面的红色背景，在视觉上实现百分比进度效果。

一、效果图

二、代码：https://codepen.io/wlei/pen/RyNPKE