src/components/progress/progress.tsx

import React from 'react';

export function Progress({ percent }: { percent: number }) {
    return (
        <div className="h-0.5 w-[calc(100%-1.5rem)] bg-neutral-200 dark:bg-neutral-600 progress">
            <div className="h-0.5 bg-[var(--brand-primary-muted)]" style={{ width: `${percent}%` }}></div>
        </div>
    );
}