en-US

Set dType to 'circle' to display a circular progress bar.

zh-CN

设置 dType 为 'circle' 来展示环形进度条。

import { DProgress } from '@react-devui/ui';

export default function Demo() {
  return (
    <>
      <DProgress dPercent={30} dType="circle"></DProgress>
      <DProgress dPercent={50} dType="circle" dWave></DProgress>
      <DProgress dPercent={70} dType="circle" dStatus="error"></DProgress>
      <DProgress dPercent={100} dType="circle"></DProgress>
      <DProgress dPercent={100} dType="circle" dLabel="Done"></DProgress>
    </>
  );
}