ant-design/components/progress/demo/circle-mini.tsx

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

const App: React.FC = () => (
  <>
    <Progress type="circle" percent={30} width={80} style={{ marginRight: 8 }} />
    <Progress type="circle" percent={70} width={80} status="exception" />
    <Progress type="circle" percent={100} width={80} style={{ marginLeft: 8 }} />
  </>
);

export default App;