Taiga UI 5 is out!

ProgressCircle KIT

Examples API GitHub

[value]
current progress value, must be a valid floating point number between 0 and max , or between 0 and 1 if max is omitted.
number
[max]
maximum value of the progress
number
[size]
TuiSizeXXS  |  TuiSizeXXL
[color]
color of the progress indicator.

We recommend set solid color via CSS-property color .

string
[arc]
use arc shape with small bottom open arc sector (instead of default circle).
boolean
CSS customization
[style.--tui-thickness.px]
width of the circle's stroke
number