不会了就可难
我们需要建立一个外部的圆，也就是用于绘制灰色的底色，然后再用一个区域进行层级遮挡(也可以自己用border来模拟啦)。记住属性一定要有overflow:hidden.
接下来我们需要添加左右两个分区，用于放置进行彩条绘制的容器。如图3-1我们设置左分区一个，里面是一个左半圆，而这个半圆距离容器距离是100%,默认是不可见的。然后它需要围绕圆心旋转，比较巧妙的是，它需要旋转过180度后，才会回到它的父容器可见区域。同理我们可以设置右半区，然后将半圆放在-100%的距离，即右半圆默认也不可见的。当它开始旋转的时候即如下图红色区域就是我们的角度
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024