| type ProgressBarProps = { | |
| percent: number | |
| } | |
| const ProgressBar = ({ | |
| percent = 0, | |
| }: ProgressBarProps) => { | |
| return ( | |
| <div className='flex items-center'> | |
| <div className='mr-2 w-[100px] bg-gray-100 rounded-lg'> | |
| <div | |
| className='h-1 bg-[#2970FF] rounded-lg' | |
| style={{ width: `${percent}%` }} | |
| /> | |
| </div> | |
| <div className='text-xs font-medium text-gray-500'>{percent}%</div> | |
| </div> | |
| ) | |
| } | |
| export default ProgressBar | |