mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 23:35:38 +08:00
29 lines
500 B
Markdown
29 lines
500 B
Markdown
---
|
|
order: 2
|
|
title:
|
|
zh-CN: 小型进度条
|
|
en-US: Mini size progress bar
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
适合放在较狭窄的区域内。
|
|
|
|
## en-US
|
|
|
|
Appropriate for a narrow area.
|
|
|
|
````jsx
|
|
import { Progress } from 'antd';
|
|
|
|
ReactDOM.render(
|
|
<div style={{ width: 170 }}>
|
|
<Progress percent={30} size="small" />
|
|
<Progress percent={50} size="small" status="active" />
|
|
<Progress percent={70} size="small" status="exception" />
|
|
<Progress percent={100} size="small" />
|
|
</div>,
|
|
mountNode
|
|
);
|
|
````
|