fix(material/progress-bar): alignment affected by parent text-align (#…

…27646)

Fixes that the progress bar's alignment was affected by the parent's element's `text-align`.

Fixes #27613.

(cherry picked from commit 43dbbe2)

src/material/progress-bar/progress-bar.scss

@@ -29,6 +29,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);