dify/web/app/components/billing/progress-bar/index.tsx

type ProgressBarProps = {
  percent: number
  color: string
}
const ProgressBar = ({
  percent = 0,
  color = '#2970FF',
}: ProgressBarProps) => {
  return (
    <div className='bg-[#F2F4F7] rounded-[4px] overflow-hidden'>
      <div
        className='h-2 rounded-[4px]'
        style={{
          width: `${Math.min(percent, 100)}%`,
          backgroundColor: color,
        }}
      />
    </div>
  )
}

export default ProgressBar