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

Question

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

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

Answer 1

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

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

见this example on StackBlitz。