{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress",
  "type": "registry:component",
  "title": "Progress",
  "author": "Toby Belhome",
  "description": "Displays an indicator showing the completion progress of a task.",
  "dependencies": [],
  "registryDependencies": [
    "progress"
  ],
  "files": [
    {
      "path": "examples/components/progress/01/page.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\n\nimport { Progress } from \"@/components/ui/progress\";\n\nexport default function ProgressDemo() {\n  const [progress, setProgress] = React.useState(13);\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => setProgress(66), 500);\n    return () => clearTimeout(timer);\n  }, []);\n\n  return <Progress value={progress} className=\"w-[60%]\" />;\n}\n",
      "type": "registry:component",
      "target": "components/progress.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}