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