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="primary"
bordered={false}
/>