ant-design/components/progress/demo/steps.md
Charlie Jonas 37c894f1a2
fix: Progress steps didn't change when update percent (#24534)
* #24532 Progress with steps does not reverse indicator when moving reducing progress percent

* updating snapshots

* Update components/progress/Steps.tsx

Co-authored-by: Amumu <yoyo837@hotmail.com>

* fix tsd and add transition

* add default color for Progress steps

* color => background

* @success-color => @info-color

* @progress-default-color

Co-authored-by: Amumu <yoyo837@hotmail.com>
Co-authored-by: afc163 <afc163@gmail.com>
2020-05-29 13:43:53 +08:00

426 B

order title
11
zh-CN en-US
步骤进度条 Progress bar with steps

zh-CN

带步骤的进度条。

en-US

A progress bar with steps.

import { Progress } from 'antd';

ReactDOM.render(
  <>
    <Progress percent={50} steps={3} />
    <br />
    <Progress percent={30} steps={5} />
    <br />
    <Progress percent={100} steps={5} size="small" strokeColor="#52c41a" />
  </>,
  mountNode,
);