Tristan Yang
16 lines
383 B
TypeScript
16 lines
383 B
TypeScript
import { FC } from "react";
|
|
interface Props {
|
|
value: number;
|
|
width?: string;
|
|
}
|
|
|
|
const Progress: FC<Props> = ({ value, width = "100%" }) => {
|
|
return (
|
|
<div className="bg-gray-50 rounded h-2 overflow-hidden" style={{ width }}>
|
|
<div className="h-2 bg-primary-700 rounded transition-all" style={{ width: `${value}%` }}></div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Progress;
|