Fortschrittsbalken

Fortschrittsbalken (determiniert oder unbestimmt) mit Tönen und optionaler Wertanzeige

Im Builder nutzen

Beispiele

Mit Beschriftung und Wert

Import läuft64 %

Erfolg (fertig)

Abgeschlossen100 %

Warnung

Speicherbelegung85 %

Unbestimmt

Verbinde …

Wert über 100 → gekappt

100 %

Eigenschaften

Prop	Typ	Default	Builder-Label
value	number	0	Wert (0–100)
indeterminate	boolean	false	Unbestimmt (Animation)
tone	string: primary | success | warning | danger	"primary"	Ton
label	string	""	Beschriftung
showValue	boolean	false	Prozentwert anzeigen

* Pflicht-Prop

Genutzte Design-Tokens

color.action.primarycolor.status.dangercolor.status.successcolor.status.warningcolor.surface.sunkencolor.text.defaultcolor.text.mutedcontainer.smduration.baseduration.sloweasing.standardfont.family.defaultfont.family.monoradius.fullsize.2text.smtext.xs