src/components/sidebars/elements/LoadBarComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import classNames from "classnames";
import React from "react";

const LoadBarComponent = ({percent, disabled}) => (
    <div className="mt-1">
        <strong>Current load</strong>
        <div className={classNames("progress", {disabled})}>
            <div
                className="progress-bar progress-bar-striped"
                role="progressbar"
                aria-valuenow={percent}
                aria-valuemin="0"
                aria-valuemax="100"
                style={{width: percent + "%"}}
            >
                {percent}%
            </div>
        </div>
    </div>
);

export default LoadBarComponent;