mirror of
https://github.com/langgenius/dify.git
synced 2024-11-16 19:59:50 +08:00
9253f72dea
Co-authored-by: StyleZhang <jasonapring2015@outlook.com> Co-authored-by: JzoNg <jzongcode@gmail.com>
21 lines
472 B
TypeScript
21 lines
472 B
TypeScript
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
|