Progress 进度条
基本使用
template
<c-progress :percent="50" show-text />
颜色
template
<c-progress :percent="50" :active-props="{ color: 'success' }" :bg-props="{ color: 'error' }" />
API
Progress Props
名称 | 类型 | 默认值 | 版本 | 说明 |
---|---|---|---|---|
c | string | default | 配置名。使用说明 | |
props | ProgressProps | undefined | 全部 props 。 使用说明 | |
c-class | HTMLAttributes['class'] | undefined | 自定义类名 | |
c-style | HTMLAttributes['style'] | undefined | 自定义样式 | |
percent | string | number | undefined | 百分比0~100 | |
size | string | number | undefined | 大小。使用说明 | |
active-props | LineProps | undefined | 进度。LineProps | |
bg-props | LineProps | undefined | 背景。LineProps | |
show-text | boolean | undefined | 是否显示百分比的值 | |
text-props | TextProps | undefined | TextProps | |
round | boolean | undefined | 是否显示为圆角 |