0
Sponsor

Progress Bars

Progress bar components for displaying completion status and metrics.

Variants

Full Width Progress Bar

Progress Bar Columns

Progress Bar Group

Installation

$ pnpm dlx shadcn@latest add @emailcn/progress-bar

Usage

import { FullWidthProgressBar } from "@/components/emails/ui-elements/progress-bars/full-width-progress-bar";
<FullWidthProgressBar {...FullWidthProgressBar.PreviewProps} />

API Reference

Progress Bar

PropTypeDefaultDescription
progressnumber0Progress percentage
themeEmailThemedefaultThemeEmail theme styling