ant-design/components/progress/demo/circle-micro.md

order	title
3	zh-CN en-US 响应式进度圈 Responsive circular progress bar

zh-CN

响应式的圈形进度，当 width 小于等于 20 的时候，进度信息将不会显示在进度圈里面，而是以 Tooltip 的形式显示。

en-US

Responsive circular progress bar. When width is smaller than 20, progress information will be displayed in Tooltip.

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

const App: React.FC = () => (
  <>
    <Progress
      type="circle"
      trailColor="#e6f4ff"
      percent={60}
      strokeWidth={20}
      width={14}
      format={number => `进行中，已完成${number}%`}
    />
    <span style={{ marginLeft: 8 }}>代码发布</span>
  </>
);

export default App;