A React progress bar component built on Radix UI primitives with customizable styling and smooth animations. ## Key Components - **Progress** - Main progress bar component that wraps Radix UI's progress primitive - **ProgressPrimitive.Root** - Container element for the progress bar - **ProgressPrimitive.Indicator** - Visual indicator that shows progress completion ## Usage Example ```typescript import { Progress } from "./progress" // Basic progress bar // Custom styling // Dynamic progress const [progress, setProgress] = React.useState(0) React.useEffect(() => { const timer = setTimeout(() => setProgress(66), 500) return () => clearTimeout(timer) }, []) ``` The component uses CSS transforms to animate the indicator smoothly from left to right based on the `value` prop (0-100). The `indicatorClassName` prop allows custom styling of just the progress indicator, while `className` styles the container.