Feedback

Sweeping progress bar

An indeterminate loading bar in a pill-shaped frame, growing from nothing to full width and back to nothing in a smooth endless loop.

Publishing your changes

Using Sweeping progress bar

An indeterminate loading bar in a pill-shaped frame, growing from nothing to full width and back to nothing in a smooth endless loop.

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: color, widthPx, durationS

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

2051Spring Fill ProgressFeedbackA slim progress track whose fill glides to each new value on a spring, with a readout that counts along with it.

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.

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.

1988Labeled progress barFeedbackA labeled progress track whose fill eases to a new width while a percentage readout counts smoothly to match.

2032Segmented progress meterFeedbackA 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.

2065Task Log LoaderFeedbackA working indicator that pairs a nested ring spinner with a short numbered log whose lines scroll up as each step completes.