Drive icon beside a label, a thin usage bar, and a used-of-total caption that retints as it fills.
The import and the props worth knowing about, in one place.
import { Progress11 } from "@/components/beste/piece/progress11";
<Progress11
used="64 GB"
total="200 GB"
progress={32}
label="Workspace storage"
/>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.
Row of N equal chunks with the first K filled in the chosen tone. Trailing fraction count.