ProgressSegmented KIT

Examples API Setup
-
Name and descriptionType Value
[segments]
A number of visual segments.

It must be a valid integer number between 0 and max .

number
[value]
This property specifies how much of the task that has been completed.

It must be a valid integer number between 0 and max .

number
[max]

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

It must be a valid positive integer number. The default value is 1 .

number
[size]
Height of the progress.
TuiSizeXXL  |  TuiSizeXS
'm'
[tuiProgressColorSegments]
Colors of the progress segments.

Use CSS-property color to set single solid color of progress indicator.

string[]
['var(--tui-background-accent-1)']