function ProgressBar(props) {
    const { className, style, assistiveText, value, size, variant } = props;

    const normalizedValue = normalizeValue(value);
    const WIDTH = { width: `${normalizedValue}%` };

    return (
        <StyledContainer
            className={className}
            style={style}
            size={size}
            variant={variant}
            aria-valuemin="0"
            aria-valuemax="100"
            aria-valuenow={normalizedValue}
            role="progressbar"
            aria-label={assistiveText}
        >
            <StyledBar variant={variant} style={WIDTH}>
                <AsistiveText text={assistiveText} />
            </StyledBar>
        </StyledContainer>
    );
}
Progress bar component communicates to the user the progress of a particular process.