advance
This commit is contained in:
6
components/ProgressBar.tsx
Normal file → Executable file
6
components/ProgressBar.tsx
Normal file → Executable file
@@ -8,9 +8,9 @@ export default function ProgressBar({ value, label }: ProgressBarProps) {
|
||||
|
||||
return (
|
||||
<div className="w-full">
|
||||
{label ? <div className="mb-1 text-xs font-semibold text-slate-600">{label}</div> : null}
|
||||
<div className="h-2.5 w-full rounded-full bg-[#ececef]">
|
||||
<div className="h-2.5 rounded-full bg-brand transition-all" style={{ width: `${clamped}%` }} />
|
||||
{label ? <div className="mb-1 text-xs font-semibold text-muted-foreground">{label}</div> : null}
|
||||
<div className="h-2.5 w-full rounded-full bg-secondary">
|
||||
<div className="h-2.5 rounded-full bg-primary transition-all" style={{ width: `${clamped}%` }} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user