Circular Progress

보통

원형 프로그레스 인디케이터

#animation#css-only#smooth

라이브 데모

10%

코드

CircularProgress.tsx

const circumference = 2 * Math.PI * radius;
const offset = circumference - (progress / 100) * circumference;
<circle
  strokeDasharray={circumference}
  strokeDashoffset={offset}
/>