homeio

1type ProgressBarProps = {
2  value: number;
3  colorClassName: string;
4};
5
6export function ProgressBar({ value, colorClassName }: ProgressBarProps) {
7  return (
8    <div className="h-1.5 w-full overflow-hidden rounded-full bg-white/[0.10]">
9      <div
10        className={`h-full rounded-full transition-all duration-700 ease-out ${colorClassName}`}
11        style={{ width: `${value}%` }}
12      />
13    </div>
14  );
15}
16