<!-- source-hash: 57a48b180c0c4bd48f512ff878a3c9c4 -->
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
<Progress value={75} />

// Custom styling
<Progress 
  value={50} 
  className="h-4 bg-gray-200" 
  indicatorClassName="bg-blue-500" 
/>

// Dynamic progress
const [progress, setProgress] = React.useState(0)

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

<Progress value={progress} />
```

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.