UNPKG

zent

Version:

一套前端设计语言和基于React的实现

github.com/youzan/zent

youzan/zent

35 lines (26 loc) • 1.64 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
--- title: Progress path: component/progress group: Data Display --- ## Progress Progress represents the current progress and status of the operation. ### Guides - Progress is suitable for long-time operations, which shows the current progess and status of the current operation. - Progres can display the percentage of the operation progress. ### API | Property | Description | Type | Default | Alternative | | -------- | ----------------- | ------- | -------| ----------------| | type | Style of progess | string | `'line'` | `'circle'` | | percent | percentage of progress | number | `0` | | | status | status of progress | string| | `'success'`,`'exception'` | | showInfo | Whether to show status information | boolean | `true` | `false` | | format | The format function of text | func | built-in function | | | strokeWidth | The width of progess bar, unit: px | number | `10` | | | width | The radius of the cicrle progress bar or the total length of the strip progess bar | number | `132(type=circle), 580(type=line)` | | | bgColor | The color of background | string | `'#f8f8f8'` | | | normalColor | The color of the progress bar | string | `'#f44'` | | | successColor | The color of the progress bar and the status icon whe the progress's status is successful. | string | `'#4b0'` | | | exceptionColor | The color of the progress bar and the status icon whe the progress's status is in exception. When this property is not specified, it will use the property `normalColor`. | string | `'#f44'` | | | className | The custom classname | string | | | | prefix | The custom prefix | string | `'zent'` | |