iss-position-spa/src/components/ProgressBar.js
2021-12-23 06:18:39 -05:00

14 lines
356 B
JavaScript

const ProgressBar = ({ progress }) => {
return (
<div className="w-1/4">
<div className="w-full bg-gray-600 rounded-full h-4 dark:bg-gray-500">
<div
className="bg-gray-200 h-4 rounded-full transition-all ease-in-out"
style={{ width: `${progress}%`, maxWidth: "100%" }}
></div>
</div>
</div>
);
};
export default ProgressBar;