Progreso base
Progreso base
ID: CAT-B-PROGRESSComponente ProgressBar reutilizable con variantes de color y tamaño.
ProgressBar
| Componente | Variante | Render | Props |
|---|---|---|---|
| ProgressBar | azul (default) | Almacenamiento45% | variant="azul" value={45} label="Almacenamiento" |
| ProgressBar | verde (success) | Completado100% | variant="verde" value={100} label="Completado" |
| ProgressBar | rojo (error) | Error en carga60% | variant="rojo" value={60} label="Error en carga" |
| ProgressBar | naranja (advertencia) | Espacio usado80% | variant="naranja" value={80} label="Espacio usado" |
| ProgressBar | compact azul | size="compact" variant="azul" showHeader={false} | |
| ProgressBar | compact verde | size="compact" variant="verde" showHeader={false} | |
| ProgressBar | compact rojo | size="compact" variant="rojo" showHeader={false} | |
| ProgressBar | compact naranja | size="compact" variant="naranja" showHeader={false} | |
| ProgressBar | compact (con header) | Sincronización72% | size="compact" label="Sincronización" value={72} |
ProgressBackup
Estado: en cola
Respaldo en curso
0%
Esperando turno en la cola de procesamiento
Estado: preparando
Respaldo en curso
48%
Configurando parámetros del respaldo
Estado: listando
Respaldo en curso
52%
Listando archivos del sitio
Estado: subiendo
Respaldo en curso
65%
Subiendo al proveedor de almacenamiento
Estado: completado
Respaldo en curso
Respaldo completado exitosamente
Estado: fallido (fase Subir)
Respaldo en curso
La operación falló
Timeout al conectar con el proveedor de almacenamiento. Verifique la configuración de red.
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| title | string | "Respaldo en curso" | Título del card |
| subtitle | string | Nombre del sitio u otra info | |
| progress | number (0-100) | Porcentaje global | |
| status | 'processing' | 'completed' | 'failed' | 'queued' | 'processing' | Estado general |
| activePhaseIndex | number | 0 | Índice de fase activa (0-based) |
| activePhaseProgress | number (0-100) | 0 | Progreso interno de la fase activa |
| phases | ProgressBackupPhase[] | 4 fases backup | Definición de fases (label + icon) |
| statusDescription | string | Texto descriptivo del estado | |
| errorMessage | string | Detalle del error (solo si failed) |