Shadcn.io is not affiliated with official shadcn/ui
Extra Small
Extra small progress bar with h-1 height (4px) for minimal visual weight and subtle progress indicators built with shadcn/ui
Subtle progress belongs in the background—not demanding attention. This React Progress uses h-1 height (4px) for ultra-minimal visual footprint at 60 percent completion using shadcn/ui. Built with Radix UI primitives and Tailwind sizing, extra small bars stay unobtrusive—perfect for compact cards, dense dashboards, inline indicators, mobile interfaces, or any scenario where progress tracking needs presence without prominence or consuming vertical space unnecessarily.
Extra Small preview
Installation
Related Components
Small Progress
h-1.5 small progress bar
Default Progress
Standard height progress bar
Large Progress
h-4 large progress bar
Standard Progress
Basic progress indicator
Skeleton
Loading skeleton placeholder
FAQ
Was this page helpful?
Sign in to leave feedback.