Progress

Barra de progreso lineal para mostrar el avance de una tarea.

---

Import

import { Progress } from '@imansi/ui';

---

Uso básico

<Progress value={60} />

---

Con label

<div className="space-y-2">
  <div className="flex justify-between text-sm">
    <span>Subiendo archivo</span>
    <span className="text-muted-foreground">60%</span>
  </div>
  <Progress value={60} />
</div>

---

Indeterminado

Sin value (o con value={null}) muestra una animación de carga:

<Progress />

---

Colores custom

<Progress value={80} className="[&>*]:bg-success" />
<Progress value={30} className="[&>*]:bg-warning" />
<Progress value={15} className="[&>*]:bg-destructive" />

---

Props

Prop	Tipo	Default	Descripción
value	number | null	—	Porcentaje (0-100). null = indeterminado
max	number	100	Valor máximo
className	string	—	Clases adicionales

---

Accesibilidad

• role="progressbar" con aria-valuenow, aria-valuemin, aria-valuemax
• Se anuncia el progreso a lectores de pantalla