A row of pill segments fills left to right beside a live percentage, flashes a check at one hundred, holds for a beat, and starts over.
The import and the props worth knowing about, in one place.
import { Progress18 } from "@/components/beste/piece/progress18";
<Progress18
label="Syncing library"
doneLabel="Library synced"
segments={10}
tone="sky"
/>Row of N equal chunks with the first K filled in the chosen tone. Trailing fraction count.
Single horizontal bar divided into tinted segments by percentage, with a legend row below.