Taiga UI 5.0 is out!

ProgressCircle KIT

Examples API GitHub

[value]
This property specifies how much of the task that has been completed. It must be a valid floating point number between 0 and max , or between 0 and 1 if max is omitted.
number
[max]

This property describes how much work the task indicated by the progress element requires.

The default value is 1 .

number
[size]
Size of the circle.
TuiSizeXXS  |  TuiSizeXXL 'm'
[color]
Color of the progress indicator.

We recommend set solid color via CSS-property color .

string 'var(--tui-background-accent-1)'
[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