Card skeleton with an optional avatar placeholder and shimmer lines of varied widths.
The import and the props worth knowing about, in one place.
import { Progress12 } from "@/components/beste/piece/progress12";
<Progress12
lines={3}
withAvatar={true}
/>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.
Migration
Review finishes today, go live is scheduled for Friday.
A horizontal progress card with numbered nodes joined by connectors, marking finished, current, and upcoming steps.
Sunset gradient card with a flame glyph beside a big day count and a longest-streak caption.