Caliper UI

Wavy progress · Caliper UI

Progress drawn as a travelling wave: the done part ripples while work is happening, the rest is a flat track that ends in a stop mark, and the wave lies flat once the work is finished. As a bar or a ring, with an indeterminate sweep when the amount is unknown.

npx shadcn@latest add https://caliperui.site/r/wavy-progress.json
Preview Wavy progress on Caliper UI's site (opens in a new tab)
Loading the source for wavy-progress…

wavy-progress