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' 时文本样式 |