web/app/components/base/progress-bar/index.tsx

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