ant-design/components/progress/demo/segment.tsx
2024-04-12 12:10:38 +08:00

21 lines
637 B
TypeScript

import React from 'react';
import { Flex, Progress, Tooltip } from 'antd';
const App: React.FC = () => (
<Flex gap="small" vertical>
<Tooltip title="3 done / 3 in progress / 4 to do">
<Progress percent={60} success={{ percent: 30 }} />
</Tooltip>
<Flex gap="small" wrap>
<Tooltip title="3 done / 3 in progress / 4 to do">
<Progress percent={60} success={{ percent: 30 }} type="circle" />
</Tooltip>
<Tooltip title="3 done / 3 in progress / 4 to do">
<Progress percent={60} success={{ percent: 30 }} type="dashboard" />
</Tooltip>
</Flex>
</Flex>
);
export default App;