frontend/src/components/app/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"
        role="progressbar"
        aria-valuenow={percent}
        aria-valuemin="0"
        aria-valuemax="100"
        style={{ width: percent + "%" }}
      >
        {percent}%
      </div>
    </div>
  </div>
);

export default LoadBarComponent;