Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
name | string | undefined | Name of the Progressbar |
type | string | undefined | Type of indicator. Either determinate or indeterminate |
id | string | undefined | Unique ID, unique id will be generated if not set. |
value | number | undefined | Progress of the indicator representation of a progress indicator (0-100) |
min | number | 0 | Min value for progress |
max | number | 100 | Max value for progress |
disabled | boolean | false | Disables the progress indicator |
style | string | undefined | Additional css styles |
Beispiele
Determinate Progress Indicator
Ein Determinate Progress Indicator wird bei Vorgängen mit bekannter Dauer eingesetzt. Die Animation ist linear. Die Farbe füllt einen Balken von links nach rechts, um den Ladestand anzuzeigen.
Indeterminate Progress Indicator
Der Indeterminate Progress Indicator wird bei Vorgängen unbekannter Dauer eingesetzt. Im Indeterminate Progress Indicator bewegt sich ein Quadrat wiederholt (loop) von links nach rechts, um die Aktivität anzuzeigen.
Disabled Progress Indicator
Do's and Don'ts
Do
Integration eines Progress Indicator in ein Dialog-Fenster zur Anzeige eines bekannten Ladestands