环型进度条 CircularProgress
示例
基本形式
<circularProgress percent="36" />
颜色扩展
<circularProgress percent="25" state="info" />
<circularProgress percent="50" state="success" />
<circularProgress percent="75" state="warning" />
<circularProgress percent="100" state="error" />
尺寸扩展
<circularProgress percent="20" size="xs" />
<circularProgress percent="40" size="sm" />
<circularProgress percent="60" />
<circularProgress percent="80" size="lg" />
<circularProgress percent="100" size="xl" />
API
Class
CircularProgress
继承自。
Options
new CircularProgress()
参数 | 类型 | 默认值 | 数据流向 | 描述 |
---|---|---|---|---|
data | Object | 绑定属性 | ||
data.percent | number | 0 | outside => inside | 百分比 |
data.size | string | outside => inside | 进度条的尺寸 | |
data.state | string | outside => inside | 进度条的状态 | |
data.visible | boolean | true | outside => inside | 是否显示 |
data.class | string | '' | outside => inside | 补充class |