FreeKB - How to include pace loading bar in MVC

Get the pace.js file.

Go to http://github.hubspot.com/pace/docs/welcome/.

Select pace.js.

Copy the code to create the pace.js file.

Add pace.js to the Scripts folder.

Get the CSS.

Go to http://github.hubspot.com/pace/docs/welcome/.

Click Donwload to select your preferred theme.

Copy the code to create the pace.css file.

Add pace.css to the Content folder.

Add the following to the /Shared/_Layout.cshtml file.

<head>
  <script src="/Scripts/pace.js"></script>
  <link href="/Content/pace.css" rel="stylesheet" />
</head>

Add a Comment

Comments