You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
612 B
21 lines
612 B
import React from 'react' |
|
import './Progress.css' |
|
|
|
// show: boolean |
|
// progress: number |
|
// steps: number |
|
// text: string |
|
// failed: boolean |
|
export function Progress(props) { |
|
return ( |
|
<div className={`progress ${props.show ? '' : 'hide'} ${props.failed ? 'failed' : ''}`}> |
|
{ props.text && props.text.length > 0 ? ( |
|
<p>{props.text}</p>) : null} |
|
<div className="bar"> |
|
<div className="bar-inner" style={{ |
|
width: (props.progress / props.steps * 100).toFixed(0) + "%" |
|
}}/> |
|
</div> |
|
</div> |
|
) |
|
} |