参考文章链接:https://my.oschina.net/conqueror/blog/727713,在自己的需求上做了一下改变。
效果图:
html:
<div class="circle col-md-2" style="background: #91DBF2;">
<div class="pie_left"><div class="left" style="background: #23B7E5;"></div></div>
<div class="pie_right"><div class="right" style="background: #23B7E5;"></div></div>
<div class="mask">
<div class="msgBlock"><div>今日新增用户</div><div class="cicleNum">30</div></div>
</div>
</div>
css: