first commit
This commit is contained in:
16
src/pageElements/ProgressBar.js
Normal file
16
src/pageElements/ProgressBar.js
Normal file
@@ -0,0 +1,16 @@
|
||||
import React from "react";
|
||||
|
||||
const ProgressBar = (props) => {
|
||||
const {
|
||||
value,
|
||||
total
|
||||
} = props;
|
||||
|
||||
return (
|
||||
<div className="progress-bar">
|
||||
<div className="progress-bar-fill" style={{ width: `${Math.min(Math.ceil(100 * value / total), 100)}%` }} />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ProgressBar;
|
||||
Reference in New Issue
Block a user