ngb-progressbar 没有出现

Question

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

<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>

Answer 1

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

ngb-progressbar 没有出现

ngb-progressbar does not appear

html

progress-bar

ng-bootstrap