Progress Bar
- from @lema-ds
Horizontal progress indicator with animated fill, configurable label positions, size presets, custom fill/track color overrides via CSS tokens, getValueLabel for custom label formatting, max prop, and semantic color intents. Built on the Radix UI Progress primitive.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @lema-ds/ds-progress-barLive preview
No live preview has been built for this component yet.
Registry dependencies6
- @lema-ds/skeleton
- @lema-ds/tooltip
- @lema-ds/progress
- @lema-ds/ui-i18n
- @lema-ds/ds-locale-provider
- @lema-ds/tokens