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.
13 lines
411 B
13 lines
411 B
import React from 'react' |
|
import './PercentageOverlay.css' |
|
|
|
export function PercentageOverlay({ percentage }) { |
|
|
|
if(percentage && percentage > 3) percentage = Math.max(20, percentage < 90 ? percentage : 100) |
|
|
|
return percentage > 0 ? ( |
|
<div className="progressBar"> |
|
<div className="progressBarInner" style={{width: `${percentage}%`}}></div> |
|
</div> |
|
) : <React.Fragment></React.Fragment> |
|
} |