Components
Loading preview...
A beautiful segmented progress bar with rounded rectangular segments - filled segments in a terracotta/coral color and unfilled ones in dark gray.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/progress-bar"use client"
import { SegmentedProgress } from "@/components/ui/progress-bar"
export default function Page() {
return (
<div className="min-h-screen bg-background flex items-center justify-center p-8 w-full">
<div className="w-full max-w-md">
<SegmentedProgress />
</div>
</div>
)
}