\n {label ? (\n
\n {label}\n
\n ) : null}\n {!progressHidden\n ? onRenderProgress(\n {\n ...(this.props as IProgressIndicatorProps),\n percentComplete,\n },\n this._onRenderProgress,\n )\n : null}\n {description ? (\n
\n {description}\n
\n ) : null}\n
\n );\n }\n\n private _onRenderProgress = (props: IProgressIndicatorProps): JSX.Element => {\n const {\n ariaLabel,\n ariaValueText,\n barHeight,\n className,\n description,\n // eslint-disable-next-line deprecation/deprecation\n label = this.props.title,\n styles,\n theme,\n } = this.props;\n\n const percentComplete =\n typeof this.props.percentComplete === 'number'\n ? Math.min(100, Math.max(0, this.props.percentComplete * 100))\n : undefined;\n\n const classNames = getClassNames(styles, {\n theme: theme!,\n className,\n barHeight,\n indeterminate: percentComplete === undefined ? true : false,\n });\n\n const progressBarStyles = {\n width: percentComplete !== undefined ? percentComplete + '%' : undefined,\n transition: percentComplete !== undefined && percentComplete < ZERO_THRESHOLD ? 'none' : undefined,\n };\n\n const ariaValueMin = percentComplete !== undefined ? 0 : undefined;\n const ariaValueMax = percentComplete !== undefined ? 100 : undefined;\n const ariaValueNow = percentComplete !== undefined ? Math.floor(percentComplete!) : undefined;\n\n return (\n