generated:catalog.entry.progress.title
generated:catalog.entry.progress.description
@xngui/components/progress@xngui/components/progresschrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XProgress } from '@xngui/components/progress';
@Component({
selector: 'app-example',
imports: [XProgress],
templateUrl: './progress.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-progress
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
valuenumber | nullnullCurrent progress value — `null` with `indeterminate` renders a busy bar.
maxnumber100Maximum value for percentage calculation.
indeterminatebooleanfalseRenders an indeterminate animation instead of a filled bar.
labelstring—Accessible name — falls back to a translated "Progress" label when unset.
sizeXSize—Visual size tier — falls back to XConfigService when unset.
variantXVariant—Semantic color role — falls back to XConfigService when unset.