Progress Bar
Barra de progreso accesible con 4 variantes semánticas, 3 tamaños, modo indeterminado y etiqueta de valor en tiempo real.
TypeScript
import { NeuProgressBarComponent } from '@neural-ui/core/progress-bar';Variantes
Primario75%
Éxito90%
Aviso55%
Peligro30%
Tamaños
Pequeño65%
Mediano65%
Grande65%
Indeterminado
Cargando...
Procesando...
TypeScript
import { NeuProgressBarComponent } from '@neural-ui/core/progress-bar';
@Component({
imports: [NeuProgressBarComponent],
template: `
<neu-progress-bar [value]="uploadPct" label="Subiendo archivo" [showValue]="true" />
<neu-progress-bar variant="success" [value]="100" label="Completado" />
<neu-progress-bar [indeterminate]="true" label="Procesando..." />
`
})
export class MyComponent {
uploadPct = 65;
}