ant-design/components/progress/design/demo/circle.tsx
MadCcc e6e260db77
docs: add Progress design tab (#47013)
* docs: add Progress design tab

* chore: correct lint
2024-01-18 15:31:32 +08:00

16 lines
537 B
TypeScript

import React from 'react';
import { Flex, Progress } from 'antd';
const Demo = () => (
<Flex gap="middle" align="center">
<Progress type="circle" percent={68} />
<Progress type="circle" percent={100} status="success" />
<Progress type="circle" percent={68} status="exception" />
<Progress type="circle" percent={68} size="small" />
<Progress type="circle" percent={100} status="success" size="small" />
<Progress type="circle" percent={68} status="exception" size="small" />
</Flex>
);
export default Demo;