{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress-indicator",
  "type": "registry:ui",
  "title": "Progress Indicator",
  "description": "Horizontal page scroll progress indicator bar.",
  "dependencies": [
    "framer-motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/ui/scroll/progress-indicator.tsx",
      "type": "registry:ui",
      "target": "components/amicro/progress-indicator.tsx",
      "content": "import React from 'react';\r\nimport { motion, useScroll, useSpring } from 'framer-motion';\r\n\r\ninterface ProgressIndicatorProps {\r\n  color?: string;\r\n  height?: number;\r\n  className?: string;\r\n}\r\n\r\nexport function ProgressIndicator({\r\n  color = 'bg-blue-500',\r\n  height = 4,\r\n  className = '',\r\n}: ProgressIndicatorProps) {\r\n  const { scrollYProgress } = useScroll();\r\n  const scaleX = useSpring(scrollYProgress, {\r\n    stiffness: 100,\r\n    damping: 30,\r\n    restDelta: 0.001,\r\n  });\r\n\r\n  return (\r\n    <motion.div\r\n      style={{ scaleX }}\r\n      className={`fixed top-0 left-0 right-0 origin-left z-[9999] ${color} ${className}`}\r\n      style={{\r\n        scaleX,\r\n        height,\r\n        position: 'fixed',\r\n        top: 0,\r\n        left: 0,\r\n        right: 0,\r\n        originX: 0,\r\n        zIndex: 9999,\r\n      }}\r\n    />\r\n  );\r\n}\r\n"
    }
  ]
}