Progress 进度条
展示操作或任务的当前进度,比如上传文件,是一个线形的进度条。
平台
| App | 小程序 | H5 |
|---|---|---|
| √ | √ | √ |
属性
| 属性名 | 类型 | 默认值 | 说明 | 平台 |
|---|---|---|---|---|
| percentage | Number,String | null | 百分比0~100 | All |
| decimalLen | Number,String | 0 | 百分比小数点长度 | All |
| color | String | null | 未选中时的背景颜色 支持c-bg-开头的类 | All |
| activeColor | String | null | 选中时颜色 支持c-bg-开头的类 | All |
| showText | Boolean,Object | false | 显示文本 未object时参考c-text的props | All |
| innerText | Boolean | false | 文本是在内部显示 | All |
| size | Number,String | 12rpx | 高度 | All |
| radius | String,Number,Array | round | 圆角,radius=round时为圆形 | All |
| duration | Number,String | 300 | 动画时长 | All |
| cClass | String,Array,Object | null | 组件类 | All |
| cStyle | String,Array,Object | null | 组件样式 | All |
| margin | String,Number,Array | null | 外边距 | All |
| padding | String,Number,Array | null | 内边距 | All |
| bgColor | String | null | 背景色,支持c-bg-开头的背景色类 | All |
插槽
| 插槽名 | 说明 |
|---|---|
| default |
示例
vue
<template>
<c-progress percentage="50" />
</template>1
2
3
2
3
