初始化

wwf

3 天以前 a430284aa21e3ae1f0d5654e55b2ad2852519cc2

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

@@ -1,20 +1,18 @@
import cn from '@/utils/classnames'

type ProgressBarProps = {
  percent: number
  color: string
}

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