角材料进度条不起作用-产生虚线

Question

我正在尝试在Angular中创建联系表单，并且希望在用户单击Submit时使用Angular Material显示不确定的进度栏。

我遵循了官方Angular Material网站（https://material.angular.io/components/progress-bar/overview）上提到的步骤。但是，当我将其包含在Web应用程序中时，进度条只是显示为虚线。

显示问题的PFB屏幕截图：

[{ 1

代码段：

谁能告诉我为什么角材料进度条会以这种方式工作以及可能的解决方案吗？

Answer 1

解决了！ 我错过了将预建主题包含在根css文件中的方法。

在style.css中添加@import "~@angular/material/prebuilt-themes/indigo-pink.css";解决了该问题，进度条开始按预期工作。