ant-design/components/progress/demo/linecap.md
2022-05-23 14:37:16 +08:00

794 B

order title
10
zh-CN en-US
边缘形状 Stroke Linecap

zh-CN

通过设定 strokeLinecap="butt" 可以调整进度条边缘的形状为方形,详见 stroke-linecap

en-US

By setting strokeLinecap="butt", you can change the linecaps from round to butt, see stroke-linecap for more information.

import { Progress } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <>
    <Progress strokeLinecap="butt" percent={75} />
    <Progress strokeLinecap="butt" type="circle" percent={75} />
    <Progress strokeLinecap="butt" type="dashboard" percent={75} />
  </>
);

export default App;