时间戳

首页 > 解决方案 > ngb-progressbar 没有出现

html - ngb-progressbar 没有出现

问题描述

我正在将 ngb-progress bar 实现到我的 html 中，当我将它添加到我的代码中时，它会出现在控制台中。我可以更改和编辑宽度和高度，并且 div 占用空间，但是，进度条本身不显示。只是空白的地方。

<div>
    <p>
        <ngb-progressbar [max]="100" [value]="25"></ngb-progressbar>
    </p>
</div>

这是控制台中的视图：

<div _ngcontent-c7="">
    <p _ngcontent-c7="">
        <ngb-progressbar _ngcontent-c7="" ng-reflect-max="100" ng-reflect-value="25">
            <div class="progress">
                <div aria-valuemin="0" role="progressbar" class="progress-bar" aria-valuenow="25" aria-valuemax="100" style="width: 50%;height: 5em;">
                    <!--bindings={
                        "ng-reflect-ng-if": "false"
                    }-->
                </div>
            </div>
        </ngb-progressbar>
     </p>
</div>

标签： htmlprogress-barng-bootstrap

解决方案

您似乎忘记了包含 Bootstrap CSS。请注意，ng-bootstrap需要Bootstrap CSS 4.0.0 或更高版本。

推荐阅读