Getting Started
AccordionActionBarAvatar
BadgeBadgedContentBadgeNotification
ButtonButtonGroupButtonSelectButtonX
CalendarCalendarMonthCalendarRange
CarouselChipCommentCompassCopyCounter
DataListDataListWrapperDropdownDropdownContextDropdownHoverDropdownOpenDropdownSelection
ExpandFilter
TooltipHintHintDescribeHintManualHintPointer
IconItemsWithMoreLikeLineClampLinkLoaderMessage
BottomSheetMobileCalendarPullToRefreshSwipeActions
ConfirmDialogDialog routableNotificationMiddlePdfViewerPreviewSheetDialog
NotificationPagerPinPopout
ProgressBarProgressCircleProgressSegmented
PulsePushScrollbarShrinkWrapStatusSurface
ReorderTableTableFiltersTablePagination
ThumbnailCardTilesTimelineTitleToastTree
Taiga UI 5.0 is out!
See what's new

ProgressSegmented KIT

Examples API GitHub

On this page

Basic Sizes Colors With labels No round corners

See also

ProgressBar, ProgressCircle, Loader
ProgressSegmented is a component to visually represent the completion of a process or operation (as a segmented bar). It shows how much has been completed and how much remains.

Actually, this component is the same ProgressBar processed by css-property mask .

Basic

Sizes

Colors

With labels

No round corners

Logo Taiga UI
GitHub StackBlitz