react-progressbar-chart/src/Progress.js

This is a progress bar chart to show last 24 hour data

export const Progress = (props) => {
    return <div className="progress4"> {props.children ? props.children : null}</div>
}
export const Bar = (props) => {
    return <div className="progress-bar4" style={{ width: props.value ? props.value +'%': '0%', backgroundColor: props.color ? props.color : '#28a745' }}>{props.children ? props.children : null}</div>
}