2016-07-16 384 views
1

我正在運行一個mvc 4應用程序,其中我的layout.cshtml頁面中有導航欄。 我最近加入N更改Nprogress欄位置

<script src="@Url.Content("~/Scripts/Apps/nprogress.js")"></script> 
 
<link href="@Url.Content("~/Content/nprogress.css")" rel="stylesheet" /> 
 
<script type="text/javascript"> 
 
    NProgress.start(); 
 
    setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 4000); 
 
</script> 
 
<div style="padding-top:50px"> 
 
    <nav class="navbar navbar-default"> 
 
     <div class="container-fluid"> 
 
      <div class="navbar-header"> 
 

 
      </div> 
 

 
     </div> 
 
    </nav> 
 
</div>

進步從here我的觀點之一,以顯示進度條的頁面加載時。 在那個角度我有一個div。當我運行我的應用程序進度條時,顯示的是導航欄。但我想顯示div下面的進度條。我將如何實現相同?

我從Github Nprogress一些想法,我發現這個Image

但不知道我在哪裏可以設置此代碼?

回答

0

正如我上面提到的代碼NProgress.configure需要把你的腳本的第一個已經在你的頁面中使用,並改變父id到你的div或容器中你想要顯示進度條的元素。