ant-design/components/progress/demo/line-mini.md
afc163 753c01ae18 ES6 syntax for demo code
fix antd.notification
2015-10-28 20:55:49 +08:00

22 lines
516 B
Markdown

# 小型进度条
- order: 2
适合放在较狭窄的区域内。
---
````jsx
import { Progress } 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" />
<ProgressLine percent={100} strokeWidth={5} />
</div>
, document.getElementById('components-progress-demo-line-mini'));
````