Shadcn.io is not affiliated with official shadcn/ui
Small
Small progress bar with h-1.5 height (6px) balancing visibility and compactness for space-efficient progress tracking built with shadcn/ui
Compact doesn't mean invisible—small progress strikes balance. This React Progress uses h-1.5 height (6px) for subtle yet visible indicator at 60 percent completion using shadcn/ui. Built with Radix UI primitives and Tailwind sizing, small bars provide clear feedback—perfect for cards, list items, table rows, sidebar widgets, or any interface where progress needs visibility without dominating layout or consuming excessive vertical real estate while maintaining user awareness.
Small preview
Installation
Related Components
Extra Small Progress
h-1 minimal progress bar
Default Progress
Standard height progress bar
Large Progress
h-4 prominent progress bar
Standard Progress
Basic progress indicator
Badge
Status badge component
FAQ
Was this page helpful?
Sign in to leave feedback.