25 lines
469 B
TypeScript
Raw Normal View History

2025-03-07 11:56:20 +08:00
import cn from '@/utils/classnames'
type ProgressBarProps = {
percent: number
color: string
}
2025-03-07 11:56:20 +08:00
const ProgressBar = ({
percent = 0,
color = '#2970FF',
}: ProgressBarProps) => {
return (
<div className='overflow-hidden rounded-[6px] bg-components-progress-bar-bg'>
<div
2025-03-07 11:56:20 +08:00
className={cn('h-1 rounded-[6px]', color)}
style={{
width: `${Math.min(percent, 100)}%`,
}}
/>
</div>
)
}
export default ProgressBar