ant-design/components/progress/demo/line-mini.md

# 小型进度条

- order: 2

适合放在较狭窄的区域内。

---

````jsx
var Progress = antd.Progress.Line;
var style = {
  width: "170px"
}

React.render(
  <div style={style}>
    <Progress percent="30" strokeWidth="5" />
    <Progress percent="50" strokeWidth="5" status="active" />
    <Progress percent="70" strokeWidth="5" status="exception" />
    <Progress percent="100" strokeWidth="5" />
  </div>
  , document.getElementById('components-progress-demo-line-mini'));
````