You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# 小型进度条
|
|
|
|
|
|
|
|
|
|
- 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>
|
|
|
|
|
, document.getElementById('components-progress-demo-line-mini'));
|
|
|
|
|
````
|
