Modern Progress Demo

1'use client';
2 
3import { Progress } from '@/registry/bucharitesh/modern-progress';
4import { useState } from 'react';
5import { useEffect } from 'react';
6 
7const ProgressDemo = () => {
8  const [progress, setProgress] = useState(0);
9 
10  useEffect(() => {
11    const interval = setInterval(() => {
12      setProgress(progress + 1);
13    }, 100);
14    return () => clearInterval(interval);
15  }, [progress]);
16 
17  return (
18    <div className="flex h-full w-full items-center justify-center p-10">
19      <Progress
20        value={progress}
21        className="border-purple-500"
22        indicatorClassName="bg-purple-500"
23        showText
24      />
25    </div>
26  );
27};
28 
29export default ProgressDemo;