1 import classNames from "classnames";
2 import { ThemeColor } from "shared/utils";
4 interface ProgressBarProps {
6 backgroundColor?: ThemeColor;
16 const ProgressBar = ({
19 backgroundColor = "secondary",
26 }: ProgressBarProps) => (
27 <div className={classNames("progress", `bg-${backgroundColor}`, className)}>
29 className={classNames("progress-bar", `bg-${barColor}`, {
30 "progress-bar-striped": striped,
31 "progress-bar-animated": animated,
37 style={`width: ${((value - min) / max) * 100}%;`}
44 export default ProgressBar;