---
order: 9
title:
zh-CN: 自定义点状步骤条
en-US: Customized Dot Style
---
## zh-CN
为点状步骤条增加自定义展示。
## en-US
You can customize the display for Steps with progress dot style.
```jsx
import { Steps, Popover } from 'antd';
const { Step } = Steps;
const customDot = (dot, { status, index }) => (
step {index} status: {status}
}
>
{dot}
);
ReactDOM.render(
,
mountNode,
);
```