角度加载条的放置和背景

angular-loading-bar placement and backdrop

本文关键字：背景 加载      更新时间：2023-09-26

当用户不得不等待时，我使用这个角度加载条来显示微调器，但我在放置它时遇到了很大的问题，它几乎看不见。

我在模块上有这些配置

.config(['cfpLoadingBarProvider', function(cfpLoadingBarProvider) {
    cfpLoadingBarProvider.includeBar = false;
    cfpLoadingBarProvider.parentSelector = '#loading-bar-container';
    cfpLoadingBarProvider.spinnerTemplate = '<div><span class="fa fa-spinner"></div>';
}]);

然后我把这个放在html中，我想让它显示

<div id="loading-bar-container"></div>

这是可行的，但它仍然不太明显，有可能让它看起来像模态或弹出窗口吗？

我使用的是ui.bootstrap，并且有一些模态，所以当用户在模态内做出承诺时，微调器就在它下面（在主体元素上，"loading bar container"div所在），所以在这种情况下，它根本不可见，有可能使它"弹出"吗？

我想说这个问题是关于div的定位，而不是角度加载条的问题。

尝试使用z-index并使div始终位于顶部（在模态之上）。

如果没有更多的代码或小提琴，很难说更多。。。

编辑：；以下是一些可以帮助您的老问题：

如何在Twitter上设置元素'；s引导模式？

在CSS引导jquery模态中暴露模态背景之外的元素

相关文章：