Files
leonpan-assets/src/component/Common/CircularProgress.tsx
Leonmmcoset e77b0d7978 feat(组件): 添加线性进度条组件并替换圆形进度条
重构进度指示器,使用新的LinearProgress组件替换原有的CircularProgress
更新文件管理器中的进度指示器引用
修改首页加载动画为线性进度条样式
2025-10-26 20:23:36 +08:00

25 lines
679 B
TypeScript
Executable File

import { Box } from "@mui/material";
import { forwardRef } from "react";
import LinearProgressComponent from "./LinearProgress";
export interface FacebookCircularProgressProps {
sx?: any;
color?: string;
size?: number;
thickness?: number;
bgColor?: string;
fgColor?: string;
}
const FacebookCircularProgress = forwardRef(
({ sx, color, bgColor, fgColor, ...rest }: FacebookCircularProgressProps, ref) => {
return (
<Box sx={{ display: "flex", justifyContent: "center", alignItems: "center", ...sx }} ref={ref}>
<LinearProgressComponent color={color || fgColor} height={8} />
</Box>
);
},
);
export default FacebookCircularProgress;