Skip to main content
Stats cards with horizontal progress bars showing completion and utilization metrics.

​
Installation

Install the component from the Blocks registry: 
npx shadcn@latest add @blocks/stats-09

​
Dependencies

This component requires the following shadcn/ui components:
  • card
  • progress

​
Usage

import Stats09 from "@/components/stats-09";

export default function Page() {
  return <Stats09 />;
}

​
Features

  • Progress bars - Horizontal progress visualization
  • Percentage display - Clear numeric indicators
  • Multiple metrics - Compare progress across items
  • Clean layout - Well-organized card structure
  • Color customization - Customizable progress colors

​
Use Cases

  • Resource usage monitoring
  • Storage utilization
  • Quota tracking
  • Capacity planning
  • Usage analytics

Build docs developers (and LLMs) love

Get started for freeTalk to us