2019-10-18 16:45:40 +08:00
|
|
|
# Progress
|
2020-02-01 00:47:07 +08:00
|
|
|
I have no words to say but there still should be a placeholder to make layout looks spread.
|
|
|
|
|
## Demos
|
2019-10-18 16:45:40 +08:00
|
|
|
```demo
|
|
|
|
|
circle
|
|
|
|
|
line
|
2020-02-01 00:47:07 +08:00
|
|
|
multiple-circle
|
2019-10-18 16:45:40 +08:00
|
|
|
custom-indicator
|
|
|
|
|
color
|
|
|
|
|
no-indicator
|
2020-02-01 00:47:07 +08:00
|
|
|
```
|
|
|
|
|
## Props
|
|
|
|
|
|Name|Type|Default|Description|
|
|
|
|
|
|-|-|-|-|
|
|
|
|
|
|processing|`boolean`|`false`||
|
|
|
|
|
|type|`'line' \| 'circle' \| 'multiple-circle'`|`line`||
|
|
|
|
|
|status|`'default' \| 'success' \| 'error' \| 'warning' \| 'info'`|`'default'`||
|
|
|
|
|
|rail-color|`string \| Array<string>`|`null`||
|
|
|
|
|
|color|`string \| Array<string>`|`null`||
|
|
|
|
|
|stroke-width|`number`|`7`||
|
|
|
|
|
|percentage|`number \| Array<number>`|`0`||
|
|
|
|
|
|unit|`string`|`%`||
|
|
|
|
|
|show-indicator|`boolean`|`true`||
|
|
|
|
|
|indicator-placement|`'inside' \| 'inside-label' \| 'outside'`|`'outside'`||
|
|
|
|
|
|indicator-text-color|`string`|`null`||
|
|
|
|
|
|circle-gap|`number`|`1`|The gap bewteen circles when type is `'multiple-circle'`|
|
