Shadcn Circular Progress for React Radix UI

CircularProgress
├── CircularProgressLabel
├── CircularProgressTrack
├── CircularProgressRange
├── CircularProgressValue
├── CircularProgressView
└── CircularProgressTrack
    ├── CircularProgressCircleTrack
    └── CircularProgressCircleRange

import { useEffect, useState } from "react";
import { CircularProgress } from "@/components/ui/circular-progress";

const Example = () => {
  const [progress, setProgress] = useState(24);

  useEffect(() => {
    const timer = setTimeout(() => {
      setProgress(72);
    }, 500);

    return () => {
      clearTimeout(timer);
    };
  }, []);

  return <CircularProgress value={progress} />;
};