Circle 环形进度

圆形进度环，常用于展示完成度。

代码演示

75%45%

环形进度

支持自定义颜色、大小、内嵌内容

<m-circle percent="75" size="100" stroke-width="6">
  <span>75%</span>
</m-circle>

<m-circle percent="100" color="#10B981" size="80" stroke-width="5">
  <m-icon type="success" size="24" color="#10B981" />
</m-circle>

<m-circle percent="45" color="#F59E0B" layer-color="#FEF3C7" size="80">
  <span>45%</span>
</m-circle>

API

属性

属性	说明	类型	默认值
percent	百分比	number	0
size	圆环大小（px）	number	100
color	进度条颜色	string	-
layer-color	轨道颜色	string	-
stroke-width	线宽	number	4
clockwise	是否顺时针	boolean	true