diff --git a/docs/src/pages/demos/progress/LinearIndeterminate.js b/docs/src/pages/demos/progress/LinearIndeterminate.js
index 6a71b10d5488c2..586c3e4248de49 100644
--- a/docs/src/pages/demos/progress/LinearIndeterminate.js
+++ b/docs/src/pages/demos/progress/LinearIndeterminate.js
@@ -7,6 +7,12 @@ const styles = {
   root: {
     flexGrow: 1,
   },
+  colorPrimary: {
+    backgroundColor: '#B2DFDB',
+  },
+  barColorPrimary: {
+    backgroundColor: '#00695C',
+  },
 };
 
 function LinearIndeterminate(props) {
@@ -16,6 +22,10 @@ function LinearIndeterminate(props) {
       <LinearProgress />
       <br />
       <LinearProgress color="secondary" />
+      <br />
+      <LinearProgress
+        classes={{ colorPrimary: classes.colorPrimary, barColorPrimary: classes.barColorPrimary }}
+      />
     </div>
   );
 }