Component

Progress Bar

Accessible progress bar with 4 semantic variants, 3 sizes, indeterminate mode and real-time value label.

import { NeuProgressBarComponent } from '@neural-ui/core/progress-bar';

Variants

Sizes

Indeterminate

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;
}