laif-ds/dist/agent-docs/components/Progress.md

Design System di Laif con componenti React basati su principi di Atomic Design

# Progress

## Overview

Linear progress bar built on Radix Progress. Controlled via a `value` number. Styles are theme-aware.

---

## Props

Extends `@radix-ui/react-progress` Root props.

- `value?: number` — 0 to 100. Determines the filled portion.
- `className?: string`

---

## Examples

```tsx
import { Progress } from "laif-ds";

export function UploadProgress({ percent }: { percent: number }) {
  return <Progress value={percent} className="w-full" />;
}
```

### Indeterminate style hint

When `value` is `undefined`, the bar renders empty by default. Provide your own animation class for indeterminate states if needed.