【问题标题】: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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-28
    • 2018-07-29
    • 1970-01-01
    相关资源
    最近更新 更多