diff --git a/src/material/progress-bar/progress-bar.scss b/src/material/progress-bar/progress-bar.scss
index d95748e39404..d884ae69d174 100644
--- a/src/material/progress-bar/progress-bar.scss
+++ b/src/material/progress-bar/progress-bar.scss
@@ -23,6 +23,13 @@
   // Explicitly set to `block` since the browser defaults custom elements to `inline`.
   display: block;
 
+  // Explicitly set a `text-align` so that the content isn't affected by the parent (see #27613).
+  text-align: left;
+
+  [dir='rtl'] & {
+    text-align: right;
+  }
+
   // Inverts the progress bar horizontally in `query` mode.
   &[mode='query'] {
     transform: scaleX(-1);