css - 移除初始进度条显示

Question

你能告诉我如何删除进度条的初始显示值，即使它显示的值为 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创建组件。

Answer 1

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

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