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

    const normalizedValue = normalizeValue(value);

    return (
        <StyledContainer
            className={className}
            aria-valuemin="0"
            aria-valuemax="100"
            aria-valuenow={normalizedValue}
            role="progressbar"
            aria-label={assistiveText}
            style={style}
        >
            <ProgressRing variant={variant} percent={normalizedValue} />
            <StyledPercentValue variant={variant}>{`${normalizedValue}%`}</StyledPercentValue>
            <AssistiveText text={assistiveText} />
        </StyledContainer>
    );
}
ProgressCircular component communicates to the user the progress of a particular process.