Progress Ticks
HoverFeedbackLinear segmented progress meter with hoverable tick segments that reveal status info and percentages.
Live Interaction Sandbox
Progress10 / 16 (62%)
Variants: Segmented Ticks, Continuous, DashedDependencies: react
Component Controls
InteractiveSegment Count24
Supported States:
● 25%● 50%● 75%● 100%● Hover Segment
Props Specification
| Prop | Type | Default | Description |
|---|---|---|---|
| totalTicks | number | 24 | Number of discrete progress tick marks |