円形の進捗リング。完了度の表示によく用います。
円形プログレス
色・サイズ・スロット内のコンテンツをカスタマイズ可能
<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>| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
percent | パーセンテージ | number | 0 |
size | リングのサイズ(px) | number | 100 |
color | 進捗の色 | string | - |
layer-color | トラックの色 | string | - |
stroke-width | 線幅 | number | 4 |
clockwise | 時計回りに描画するか | boolean | true |