Trophy tile beside a level badge and an XP fraction over a sunset gradient fill bar.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Progress14 } from "@/components/beste/piece/progress14";
<Progress14
level={12}
current={1840}
next={2500}
tone="emerald"
/>Single horizontal bar divided into tinted segments by percentage, with a legend row below.
Labelled progress bar with a percent readout above and a tonal fill.
Five stacked rows mapping 5–1 stars to amber fill bars and the percentage for each tier.
Sunset gradient card with a flame glyph beside a big day count and a longest-streak caption.
Circular SVG ring with a centered percentage. Tone sets the stroke color.
Card skeleton with an optional avatar placeholder and shimmer lines of varied widths.