ant-design/components/progress/demo/steps.md
QingLance 2f1c2e1208 Progress bar with steps (#19613)
* feat: Tag add status props

* feat: change solution for status tag

* fix: fix coding specification issues

* fix coding specification issues in demo

* add Steps subcomponent in Progress component

* update doc and demo

* fix lint

* small change for progress api

* fix lint

* fix wrong omit

* update test suites

* fix test failed

* use inline-block

* fix test issue

* fix ci issue

* update demo

* optimize demo

* update progress api

* fix stylelint issue

* remove overflow

* reset some prettier

* reset some prettier again

* fix test failed

* resolve bad code
2019-11-22 10:46:33 +08:00

30 lines
476 B
Markdown

---
order: 11
title:
zh-CN: 步骤进度条
en-US: Progress bar with steps
---
## zh-CN
带步骤的进度条。
## en-US
A progress bar with steps.
```jsx
import { Progress } from 'antd';
ReactDOM.render(
<div>
<Progress percent={50} steps={3} strokeColor="#1890ff" />
<br />
<Progress percent={30} steps={5} strokeColor="#1890ff" />
<br />
<Progress percent={100} steps={5} size="small" strokeColor="#1890ff" />
</div>,
mountNode,
);
```