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
|