更改Nprogress栏位置

Question

我正在运行一个mvc 4应用程序，我在layout.cshtml页面中有导航栏。 我最近添加了N

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

从here进展到我的一个视图，以便在页面加载时显示进度条。 在那个视图中我有一个div。当我运行我的应用程序时，进度条显示导航栏。但我想在div下面显示进度条。我将如何实现同样的目标？

我从Github Nprogress得到了一些想法，我发现了

但是我不知道我在哪里设置这段代码？

Answer 1

正如我上面提到的代码NProgress.configure，它需要放置你的页面中使用过的第一个脚本，并将父id更改为你要在哪个元素中显示进度条的div或容器。