ant-design/components/progress/demo/linecap.md
MadCcc 6776bb8916
docs: demo support react18 (#34843)
* docs: update demo

* chore: add script

* test: fix demo test

* docs: convert demos

* chore: move script

* test: remove react-dom import

* chore: update deps

* docs: update riddle js

* test: fix image test

* docs: fix riddle demo
2022-04-03 23:27:45 +08:00

545 B

order title
10
zh-CN en-US
圆角/方角边缘 Square linecaps

zh-CN

通过设定 strokeLinecap="square|round" 可以调整进度条边缘的形状。

en-US

By setting strokeLinecap="square", you can change the linecaps from round to square.

import { Progress } from 'antd';

export default () => (
  <>
    <Progress strokeLinecap="square" percent={75} />
    <Progress strokeLinecap="square" type="circle" percent={75} />
    <Progress strokeLinecap="square" type="dashboard" percent={75} />
  </>
);