display: Progress family: Data Display
Progress
用于展示操作的当前进度。
API
Props
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| shape | 形态 可选值： circle (weex 不支持), line
|
enum | line |
| percent | 所占百分比, 可选值： 0 - 100 |
number | 0 |
| barWidth | 进度条宽度, 单位 px
|
number | 4 |
| size | 进度条大小 （仅在 shape='circle' 时生效） |
string/number | |
| color | 颜色 | string | |
| platform | 组件的平台特有样式, 可选值有 iOS 或 Android, 由 ConfigPovider 传入 |
enum | iOS |
| style |
style 属性 |
object | {} |
| className |
className 属性 |
string | |
| children | 仅在 shape='circle' 时生效， 为进度条的百分比文字或者自定义渲染节点 |
node |
CSS API
| 名称 | 说明 |
|---|---|
| linear-progress |
shape='linear' 时样式 |
| linear-progress__track |
shape='linear' 时轨道样式 |
| linear-progress__bar |
shape='linear' 时进度条样式 |
| circle-progress |
shape='circle' 时样式 |
| circle-progress__track |
shape='circle' 时轨道样式 |
| circle-progress__bar |
shape='circle' 时轨道样式 |
| circle-progress__text-wrap |
shape='circle' 时文本层样式 |
| circle-progress__text |
shape='circle' 时文本样式 |