diff --git a/packages/core/chrome/core-chrome-browser-internal/src/ui/loading_indicator.tsx b/packages/core/chrome/core-chrome-browser-internal/src/ui/loading_indicator.tsx
index 8e3cae33ceb84..22e9b5dd9276d 100644
--- a/packages/core/chrome/core-chrome-browser-internal/src/ui/loading_indicator.tsx
+++ b/packages/core/chrome/core-chrome-browser-internal/src/ui/loading_indicator.tsx
@@ -19,6 +19,8 @@ export interface LoadingIndicatorProps {
   loadingCount$: ReturnType<HttpStart['getLoadingCount$']>;
   showAsBar?: boolean;
   customLogo?: string;
+  maxAmount?: number;
+  valueAmount?: string | number;
 }
 
 export class LoadingIndicator extends React.Component<LoadingIndicatorProps, { visible: boolean }> {
@@ -62,8 +64,6 @@ export class LoadingIndicator extends React.Component<LoadingIndicatorProps, { v
       ? 'globalLoadingIndicator'
       : 'globalLoadingIndicator-hidden';
 
-    const ariaHidden = !this.state.visible;
-
     const ariaLabel = i18n.translate('core.ui.loadingIndicatorAriaLabel', {
       defaultMessage: 'Loading content',
     });
@@ -107,8 +107,8 @@ export class LoadingIndicator extends React.Component<LoadingIndicatorProps, { v
       <EuiProgress
         className={className}
         data-test-subj={testSubj}
-        aria-hidden={ariaHidden}
-        aria-label={ariaLabel}
+        max={this.props.maxAmount}
+        value={this.props.valueAmount}
         position="fixed"
         color="accent"
         size="xs"