supabase/apps/design-system/registry/default/example/progress-demo.tsx

'use client'

import * as React from 'react'
import { Progress } from 'ui'

export default function ProgressDemo() {
  const [progress, setProgress] = React.useState(13)

  React.useEffect(() => {
    const timer = setTimeout(() => setProgress(66), 500)
    return () => clearTimeout(timer)
  }, [])

  return <Progress value={progress} className="w-[60%]" />
}