Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

'use client'
 
import { useEffect, useState } from 'react'
import { Progress } from '@immit/ui/progress'
 
export function ProgressDemo() {
  const [progress, setProgress] = useState(15)
 
  useEffect(() => {
    const t1 = setTimeout(() => setProgress(30), 500)
    const t2 = setTimeout(() => setProgress(60), 1000)
    return () => {
      clearTimeout(t1)
      clearTimeout(t2)
    }
  }, [])
 
  return <Progress value={progress} className="w-2/3" />
}