mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 04:36:19 +08:00
22 lines
513 B
Markdown
22 lines
513 B
Markdown
# 小型进度条
|
|
|
|
- order: 2
|
|
|
|
适合放在较狭窄的区域内。
|
|
|
|
---
|
|
|
|
````jsx
|
|
import { Progress, Icon } from 'antd';
|
|
const ProgressLine = Progress.Line;
|
|
|
|
ReactDOM.render(
|
|
<div style={{ width: 170 }}>
|
|
<ProgressLine percent={30} strokeWidth={5} />
|
|
<ProgressLine percent={50} strokeWidth={5} status="active" />
|
|
<ProgressLine percent={70} strokeWidth={5} status="exception" format={() => <Icon type="exclamation" />} />
|
|
<ProgressLine percent={100} strokeWidth={5} />
|
|
</div>
|
|
, mountNode);
|
|
````
|