Primitive

SegmentedProgress

Segmented completion primitive for discrete steps.

SegmentedProgress shows bounded step completion when each completed unit matters more than exact percent precision.
data
DOM renderImage render
SegmentedProgressDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Step-based completion at partial and early progress.
Render state

Empty

Empty segmented state.
Render state

Complete

Complete segmented state.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
segmentsnumber8Total segment count.
valuenumber5Completed segment count.