Files
leonpan-assets/src/component/Common/BorderLinearProgress.tsx
2025-10-19 13:31:11 +00:00

17 lines
547 B
TypeScript
Executable File

import { LinearProgress, linearProgressClasses } from "@mui/material";
import { styled } from "@mui/material/styles";
const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
height: 8,
borderRadius: 5,
[`&.${linearProgressClasses.colorPrimary}`]: {
backgroundColor: theme.palette.grey[theme.palette.mode === "light" ? 200 : 800],
},
[`& .${linearProgressClasses.bar}`]: {
borderRadius: 5,
backgroundColor: theme.palette.mode === "light" ? "#1a90ff" : "#308fe8",
},
}));
export default BorderLinearProgress;