Chieffancypants 加载条位置答案

【问题标题】：chieffancypants loading bar positionChieffancypants 加载条位置
【发布时间】：2015-11-13 05:09:42
【问题描述】：

在 Angular js 应用程序中，我使用的是chieffancypants loading bar

我正在使用 bootstrap 3.3.5 navbar-fixed-top。我想在导航栏下方显示加载栏，加载栏默认位于页面顶部。我尝试如下覆盖 CSS 中的顶部位置，但它不起作用。

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 60;
  left: 0;
  width: 100%;
  height: 2px;
}

【问题讨论】：

top: 60 应该是top: 60px
我太傻了，这行得通，谢谢@JoshWarren
@JoshWarren 如果您可以将其添加为答案，我可以接受。
将其添加为答案。

标签： css angularjs twitter-bootstrap-3 progress-bar navbar

【解决方案1】：

顶部的值缺少px，所以：

top: 60 应该是top: 60px

【讨论】：