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-03-03 16:22:13 +08:00
|
|
|
height
|
|
|
|
|
processing
|
2020-02-01 00:47:07 +08:00
|
|
|
```
|
|
|
|
|
## Props
|
|
|
|
|
|Name|Type|Default|Description|
|
|
|
|
|
|-|-|-|-|
|
2020-03-12 21:32:47 +08:00
|
|
|
|theme|`'light' \| 'dark'`|`null`||
|
2020-02-01 00:47:07 +08:00
|
|
|
|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`||
|
2020-02-04 14:23:39 +08:00
|
|
|
|circle-gap|`number`|`1`|The gap bewteen circles when type is `'multiple-circle'`, suppose viewbox size is `100`|
|
2020-03-03 16:22:13 +08:00
|
|
|
|height|`number`|`null`|`'line'` typed progress's height. Keep default height if not passed.|
|
|
|
|
|
|border-radius|`number \| string`|`null`|`'line'` typed progress's border-radius. Keep half of default height if not passed.|
|
|
|
|
|
|fill-border-radius|`number \| string`|`null`|`'line'` typed progress's fill's border-radius. Keep `border-radius` if not passed.|
|
|
|
|
|
|processing|`boolean`|`false`||
|
|
|
|
|
|
2020-02-01 00:57:46 +08:00
|
|
|
|
|
|
|
|
## Slots
|
|
|
|
|
|Name|Parameters|Description|
|
|
|
|
|
|-|-|-|
|
2020-02-04 14:23:39 +08:00
|
|
|
|default|`()`|Content will replace default indicatior content|
|
