Stats 7 - Weekly stats with progress bars

Pro

A bordered card of weekly metrics, each with a labeled progress bar, colored trend arrow, and week-over-week comparison.

Shadcn Stats 7 block

Component data

ID
stats7
Access
pro
Created
Nov 15, 2024
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Stats 7 block design & features

Stats7 is a Shadcn UI weekly stats card, centered as a single bordered panel. A heading sits above three stacked metrics. Each row shows a label, a percentage with a colored trend arrow, a progress bar, and a small week-over-week comparison line.

The panel uses a light hairline border and generous inner padding, reading as one isolated card on an open page. Positive change is green; negative change uses the destructive red. Progress bars are thin and full width. Type is medium weight, not display scale. Density is compact within the card.

The mood is operational rather than promotional, closer to a product dashboard widget than a landing-page number strip. The progress bars plus week-over-week copy make it more specific than a bare three-up grid. Still a simple, content-driven block: three named metrics, current percentages, and comparison phrases.