angular - 如何将材质“mat-progress-bar”的动画更改为从 0 而不是 100 开始？

Question

我正在使用角度材料中的进度条：

<mat-progress-bar  mode="determinate" value="40"></mat-progress-bar>

当我刷新页面时，我注意到进度条从 100 开始，然后将值减小到 40。有没有办法改变这种行为，使进度条从 0 开始并增加到 40？

标签： angularangular-materialmaterial-uiprogress-bar

Answer 1

您的问题似乎与这个mat-progress-bar 错误有关。 即使是一位强硬的用户也提到他无法在 Angular 13 中重现它，但问题似乎仍然存在。

一种解决方法是禁用转换：

.mat-progress-bar .mat-progress-bar-fill {
    transition: none !important;
}