Adding NProgress and stylising it

Views/Shared/_Layout.cshtml

@@ -10,6 +10,7 @@
 	<link href="~/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 	<link href="~/css/owl.carousel.min.css" rel="stylesheet" type="text/css">
 	<link href="~/css/owl.theme.default.min.css" rel="stylesheet" type="text/css">
+	<link href="~/npm/nprogress/nprogress.css" rel="stylesheet" type="text/css">
 	<environment include="Development">
 		<link href="~/css/default.css" rel="stylesheet" type="text/css">
 	</environment>
@@ -54,6 +55,7 @@
 <script src="~/js/parallax.min.js"></script>
 <script src="~/js/owl.carousel.min.js"></script>
 <script src="~/js/particle-green.js"></script>
+<script src="~/npm/nprogress/nprogress.js"></script>
 <environment include="Development">
 	<script src="~/js/default.js"></script>
 </environment>
@@ -64,12 +66,17 @@
 </body>
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-111742056-1"></script>
 <script>
-	window.dataLayer = window.dataLayer || [];
-	function gtag() { dataLayer.push(arguments); }
-	gtag('js', new Date());
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
 
-	gtag('config', 'UA-111742056-1');
+    gtag('config', 'UA-111742056-1');
 </script>
 <!--stratisguru-->
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a48282c1ee2c396"></script>
+<script type="text/javascript">
+	$(document).ready(function(e) {
+		NProgress.done();
+	});
+</script>
 </html>
\ No newline at end of file

package-lock.json

@@ -13,6 +13,11 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.1.3.tgz",
       "integrity": "sha512-rDFIzgXcof0jDyjNosjv4Sno77X4KuPeFxG2XZZv1/Kc8DRVGVADdoQyyOVDwPqL36DDmtCQbrpMCqvpPLJQ0w=="
+    },
+    "nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha1-y480xTIT2JVyP8urkH6UIq28r7E="
     }
   }
 }

package.json

@@ -14,6 +14,7 @@
   "license": "ISC",
   "dependencies": {
     "@aspnet/signalr": "^1.0.4",
-    "bootstrap": "^4.1.3"
+    "bootstrap": "^4.1.3",
+    "nprogress": "^0.2.0"
   }
 }

wwwroot/css/default.css

@@ -3201,4 +3201,14 @@ h2
 {
   border-bottom: 1px dotted #EEEEEE;
   cursor: pointer;
+}
+
+
+#nprogress .bar {
+  background: #fff;
+}
+
+#nprogress .spinner-icon {
+  border-top-color: #fff;
+  border-left-color: #fff;
 }
\ No newline at end of file

wwwroot/js/default.js

 (function(_0x2f2ex1) {
     'use strict';
     _0x2f2ex1(document)['ready'](function() {
+        NProgress.start();
         _0x2f2exe();
         if (_0x2f2ex1('.menu-trigger')['length']) {
             _0x2f2ex1('.menu-trigger')['click'](function() {

wwwroot/js/site.js

-// Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
-// for details on configuring this project to bundle and minify static web assets.
-
-// Write your JavaScript code.