css - 删除初始进度条显示

您能告诉我如何删除进度栏的初始显示值，即使该值为0，该进度条仍会在其中显示？似乎是CSS问题，但是还没有运气解决它。



运行时CSS：



.scss

 .progress-outer {
            width: 96%;
            margin: 10px 2%;
            padding: 3px;
            text-align: center;
            background-color: #f4f4f4;
            border: 1px solid #dcdcdc;
            color: #fff;
            border-radius: 20px;
        }
        .progress-inner {

            white-space: nowrap;
            overflow: hidden;
            padding: 5px;
            border-radius: 20px;
            background-color: map-get($colors, primary);
        }

.html

 <progress-bar [progress]="loadProgress"></progress-bar>

.ts

loadProgress: string = '';

我已经使用this article来创建组件。

最佳答案

如果进度栏是您自己的自定义组件，则将* ngIf用于进度内部div，或者当进度为零时甚至可以对它使用[hidden]。

如果它不是您自己的自定义组件，则可能需要使用ElementRef来操纵.ts文件中的内部div使其隐藏。

关于css - 删除初始进度条显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44037211/