mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 23:00:20 +08:00
4ca2ed63bd
* feat: V5 Responsive Circle Progress * fix: add useMemo * Update components/progress/demo/circle-micro.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/progress/demo/circle-micro.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/progress/demo/circle-micro.md Co-authored-by: MadCcc <1075746765@qq.com> * Update components/progress/progress.tsx Co-authored-by: MadCcc <1075746765@qq.com> * fix: raname processInfo * fix: add dep list * fix: add demo * fix: fix width * fix: fix width * fix: fix snap * fix: rename * fix: snap * Update components/progress/Circle.tsx Co-authored-by: MadCcc <1075746765@qq.com> * fix: rename * fix: fix style * fix: update demo * fix: fix style * fix: fix ci * fix: fix style * fix: del verticalAlign * fix: fix * fix: fix cicd * fix: update demo * fix: update demo * fix: fix style * fix: fix style Co-authored-by: MadCcc <1075746765@qq.com>
820 B
820 B
order | title | ||||
---|---|---|---|---|---|
10 |
|
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} style={{ marginLeft: 8 }} />
</>
);
export default App;