# Progress

- category: Components
- chinese: 进度条
- type: basic

---


## API

| Parameter | Description                                           | Type   | Default                                  |
| --------- | ----------------------------------------------------- | ------ | ---------------------------------------- |
| rate      | account                                               | number | 0( 0 - 1 )                               |
| style     | The native side may delay without setting style.width | object | null                                     |
| barStyle  | Active progress bar style                             | object | {color:'The main brand default #3089dc'} |

## demo

```js
<Progress rate={0.8} style={{ width : 750, height : 10 }} />
```

## The Other
- Chat with <a href="dingtalk://dingtalkclient/action/sendmsg?dingtalk_id=kjwo3w5">@翊晨[yichen]</a> in Dingtalk desktop App <a href='https://tms.dingtalk.com/markets/dingtalk/download'>Download</a>
- DingTalk Group

<img src="https://img.alicdn.com/tfs/TB101EESpXXXXXFXpXXXXXXXXXX-1122-1362.jpg" width="260" />