Component Library
Browse and explore components
Progressbar
A Progress Bar is a UI component used to visually indicate the completion status of a task or process.
Basic Progress
Component Code
Copy Code
'use client'
import { Progress } from '@/components/ui/progress'
const BasicProgressbarCode = () => {
return (
<>
<div className='flex flex-col items-center gap-4'>
<Progress value={20} />
<Progress value={40} />
<Progress value={60} />
<Progress value={80} />
<Progress value={100} />
</div>
</>
)
}
export default BasicProgressbarCode