Fieldbook
Sign in

Feedback

Segmented progress meter

A progress meter drawn as a row of notches that light up in turn, with a partly filled leading notch and a caption naming the current stage.

Using Segmented progress meter

A progress meter drawn as a row of notches that light up in turn, with a partly filled leading notch and a caption naming the current stage.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: segments, value, autoplay, accent, showCaption

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Spring Fill Progress
2051Spring Fill ProgressFeedbackA slim progress track whose fill glides to each new value on a spring, with a readout that counts along with it.
Task Log Loader
2065Task Log LoaderFeedbackA working indicator that pairs a nested ring spinner with a short numbered log whose lines scroll up as each step completes.
Upload Progress Line
2262Upload Progress LineFeedbackA slim, animated progress bar that counts a task like a file upload from zero to complete, with a percentage readout and a settle animation at the finish.
Dot matrix status pill
1950Dot matrix status pillFeedbackA pill button whose left side is a five by five dot grid playing a short looping pattern for each state, with the caption swapping in step.
Fill progress loading text
1958Fill progress loading textFeedbackA loading label sits as a faint outline of itself while a solid colored copy fills it in from the left like a progress bar shaped like the word, sweeping back and forth while work happens.
Fill sweep loading text
1959Fill sweep loading textFeedbackA loading label whose faint outline sits under a fully colored copy that sweeps in from the left, reaches full width, and drains back out, repeating for as long as something loads.