Files
formbricks-formbricks/apps/formbricks-com/components/dummyUI/Progress.tsx
2023-08-22 15:20:43 +02:00

12 lines
380 B
TypeScript

export const Progress: React.FC<{ progress: number; brandColor: string }> = ({ progress, brandColor }) => {
return (
<div className="h-1 w-full rounded-full bg-slate-200">
<div
className="h-1 rounded-full bg-slate-700"
style={{ backgroundColor: brandColor, width: `${Math.floor(progress * 100)}%` }}></div>
</div>
);
};
export default Progress;