summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/sidebars/elements/LoadBarComponent.js
blob: 01005085113c95dc83eb2c444cf3e471f9183250 (plain)
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