Material: progress-linear: should be mirrored when page direction is RTL

[hovavo]

Actual Behavior:

• What is the issue?
  Linear progress doesn't change direction on RTL pages.

• What is the expected behavior?
  When direction is RTL, progress should be represented as filling from right to left.

CodePen:
https://codepen.io/anon/pen/RZbJVe

AngularJS Versions: *

• AngularJS Version: Latest
• AngularJS Material Version: Latest

Additional Information:

• Browser Type: All
• Browser Version: All
• OS: All

[3ehzad]

You can use this temporary solution in rtl pages:
md-progress-linear { transform: scale(-1, -1); }

[hovavo]

Yep, that's just what I did :)

[marosoft]

It is still a problem in 1.1.21 for both linear and circular progress indicators.
I created CodePen showing both.