Bálint Ujvári
5bfe2a0331
* feat: add file manager module - Complete file manager implementation with UI/UX - Add drive management functionality - Add file upload/download with progress tracking - Add stamp integration and handling - Add bulk operations and context menus Co-authored-by: Roland Seres <roland.seres90@gmail.com> Co-authored-by: nidishk <nidishkrishnan45@gmail.com>
24 lines
567 B
TypeScript
24 lines
567 B
TypeScript
import { ReactElement } from 'react'
|
|
|
|
import './ProgressBar.scss'
|
|
|
|
interface ProgressBarProps {
|
|
value: number
|
|
width?: string
|
|
color?: string
|
|
backgroundColor?: string
|
|
}
|
|
|
|
export function ProgressBar({
|
|
value,
|
|
width = '200px',
|
|
color = '#ed8131',
|
|
backgroundColor = 'white',
|
|
}: ProgressBarProps): ReactElement {
|
|
return (
|
|
<div className="fm-progress-bar" style={{ width: `${width}`, backgroundColor: `${backgroundColor}` }}>
|
|
<div className="fm-progress-bar-fill" style={{ width: `${value}%`, backgroundColor: `${color}` }}></div>
|
|
</div>
|
|
)
|
|
}
|