pierrelf.com
this repo has no description
1import Box from '@mui/material/Box';
2import LinearProgress from '@mui/material/LinearProgress';
3
4interface ProgressBarProps {
5 current: number;
6 total: number;
7}
8
9export function ProgressBar({ current, total }: ProgressBarProps) {
10 const progress = total > 0 ? (current / total) * 100 : 0;
11
12 return (
13 <Box sx={{ width: '100%' }}>
14 <LinearProgress
15 variant="determinate"
16 value={progress}
17 sx={{
18 height: 12,
19 borderRadius: 6,
20 bgcolor: 'rgba(255,255,255,0.1)',
21 '& .MuiLinearProgress-bar': {
22 borderRadius: 6,
23 bgcolor: '#E8453C',
24 },
25 }}
26 />
27 </Box>
28 );
29}