ProgressBar
How far a task got — a known percentage, or a moving bar while the length is unknown.
Basic
A value from 0 to 100. Name it with ariaLabel so screen readers know what is progressing.
Label
showValue puts the percentage next to the bar.
Severities
Severities for meaning — near a limit, done, failing — or your own color.
Indeterminate
mode="indeterminate" while the length is unknown; it is marked busy. With reduced motion it pulses instead of sliding.
Sizes
small, medium (also normal) and large.
Units
min, max and unit — show the value itself instead of a percentage.
Template
<ng-template txProgressBarValue> writes your own label.
Live
The width animates between values — here a fake upload.
Design tokens
[dt] changes the progressBar tokens — a thick, square bar.