如何将材质进度条填充条向右更改

【问题标题】：How to change material progress bar fill bar to right如何将材质进度条填充条向右更改
【发布时间】：2021-07-20 14:48:30
【问题描述】：

我使用此代码，但填充栏没有改变右侧。

.mat-progress-bar-primary .mat-progress-bar-fill .mat-progress-bar-element {
    animation: none;
    transform-origin: top right;
    transition: transform 250ms ease;
}

【问题讨论】：

要反向加载进度条吗？
是的。我想反向加载进度条

标签： css angular angular-material material-design angular10

【解决方案1】：

您可以通过将此mat-progress-bar 的方向设置为rtl 来快速实现此目的。阅读有关dir at MDN 的更多信息。

<mat-progress-bar mode="determinate" value="60" dir="rtl"></mat-progress-bar>

见this example on StackBlitz。

【讨论】：