forked from tuvn86/webapp-conversation
feat: add single file upload
This commit is contained in:
parent
e9923e8220
commit
7216f40bee
22 changed files with 1671 additions and 4 deletions
20
app/components/base/progress-bar/index.tsx
Normal file
20
app/components/base/progress-bar/index.tsx
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
type ProgressBarProps = {
|
||||
percent: number
|
||||
}
|
||||
const ProgressBar = ({
|
||||
percent = 0,
|
||||
}: ProgressBarProps) => {
|
||||
return (
|
||||
<div className='flex items-center'>
|
||||
<div className='mr-2 w-[100px] rounded-lg bg-gray-100'>
|
||||
<div
|
||||
className='h-1 rounded-lg bg-[#2970FF]'
|
||||
style={{ width: `${percent}%` }}
|
||||
/>
|
||||
</div>
|
||||
<div className='text-xs font-medium text-gray-500'>{percent}%</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ProgressBar
|
||||
Loading…
Add table
Add a link
Reference in a new issue