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

进度圈

• order: 1

圈形的进度。

---

import { Progress } from 'antd';
const ProgressCircle = Progress.Circle;

ReactDOM.render(
  <div>
    <ProgressCircle percent={30} />
    <ProgressCircle percent={70} status="exception" />
    <ProgressCircle percent={100} />
  </div>
  , document.getElementById('components-progress-demo-circle'));

<style> .ant-progress-circle-wrap, .ant-progress-line-wrap { margin-right: 8px; margin-bottom: 5px; } </style>