added pace loader plugin

production/calender.html

@@ -485,7 +485,9 @@
 
         <script src="js/moment.min.js"></script>
         <script src="js/calendar/fullcalendar.min.js"></script>
-
+        <!-- pace -->
+        <script src="js/pace/pace.min.js"></script>
+        <script src="js/pace/pace.min.js"></script>
         <script>
             $(window).load(function () {
 

production/chartjs.html

@@ -552,7 +552,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script>
         var randomScalingFactor = function () {
             return Math.round(Math.random() * 100)

production/chartjs2.html

@@ -547,7 +547,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script>
         var randomScalingFactor = function () {
             return Math.round(Math.random() * 100)

production/contacts.html

@@ -755,7 +755,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>

production/css/custom.css

@@ -6342,4 +6342,29 @@ ul.notifications {
     color: #E9EDEF;
     float: right;
     opacity: 1;
+}
+
+/*pace loader*/
+/*http://github.hubspot.com/pace/docs/welcome/*/
+.pace {
+  -webkit-pointer-events: none;
+  pointer-events: none;
+
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.pace-inactive {
+  display: none;
+}
+
+.pace .pace-progress {
+  background: #1abb9c;
+  position: fixed;
+  z-index: 2000;
+  top: 0;
+  right: 100%;
+  width: 100%;
+  height: 2px;
 }

production/e_commerce.html

@@ -525,7 +525,8 @@
     <script src="js/nicescroll/jquery.nicescroll.min.js"></script>
     <!-- icheck -->
     <script src="js/icheck/icheck.min.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script src="js/custom.js"></script>
 
 </body>

production/echarts.html

@@ -738,7 +738,8 @@
     <!-- echart -->
     <script src="js/echart/echarts-all.js"></script>
     <script src="js/echart/green.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
     <script>
         var myChart9 = echarts.init(document.getElementById('mainb'), theme);
         myChart9.setOption({

production/form.html

@@ -1424,6 +1424,8 @@
         <!-- Autocomplete -->
         <script type="text/javascript" src="js/autocomplete/countries.js"></script>
         <script src="js/autocomplete/jquery.autocomplete.js"></script>
+        <!-- pace -->
+        <script src="js/pace/pace.min.js"></script>
         <script type="text/javascript">
             $(function () {
                 'use strict';

production/form_advanced.html

@@ -1854,7 +1854,8 @@
     <!-- image cropping -->
     <script src="js/cropping/cropper.min.js"></script>
     <script src="js/cropping/main2.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 
     <!-- datepicker -->
     <script type="text/javascript">

production/form_buttons.html

@@ -813,7 +813,8 @@
     <script src="js/icheck/icheck.min.js"></script>
 
     <script src="js/custom.js"></script>
-
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
 </body>
 
 </html>