diff --git a/angular.json b/angular.json
index 3e24f777b9..dbe308c5e3 100644
--- a/angular.json
+++ b/angular.json
@@ -252,12 +252,14 @@
               "docs/google46533d2e7a851062.html"
             ],
             "styles": [
+              "node_modules/pace-js/templates/pace-theme-flash.tmpl.css",
               "node_modules/bootstrap/dist/css/bootstrap.css",
               "node_modules/docsearch.js/dist/cdn/docsearch.min.css",
               "node_modules/highlight.js/styles/dracula.css",
               "docs/app/@theme/styles/styles.scss"
             ],
             "scripts": [
+              "node_modules/pace-js/pace.min.js",
               "node_modules/docsearch.js/dist/cdn/docsearch.min.js"
             ]
           },
diff --git a/docs/app/@theme/styles/pace.theme.scss b/docs/app/@theme/styles/pace.theme.scss
new file mode 100644
index 0000000000..a532778174
--- /dev/null
+++ b/docs/app/@theme/styles/pace.theme.scss
@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+ @mixin ngd-pace-theme() {
+
+  .pace .pace-progress {
+    background: nb-theme(color-fg-highlight);
+  }
+
+  .pace .pace-progress-inner {
+    box-shadow: 0 0 10px nb-theme(color-fg-highlight), 0 0 5px nb-theme(color-fg-highlight);
+  }
+
+  .pace .pace-activity {
+    display: none;
+  }
+}
diff --git a/docs/app/@theme/styles/styles.scss b/docs/app/@theme/styles/styles.scss
index 37e2a8c803..7b9667d681 100644
--- a/docs/app/@theme/styles/styles.scss
+++ b/docs/app/@theme/styles/styles.scss
@@ -1,6 +1,8 @@
 @import 'themes';
 @import 'common';
 
+@import 'pace.theme';
+
 @import '../../../../src/framework/theme/styles/global/normalize';
 @import '../../../../src/framework/theme/styles/global/components';
 @import '../../../../src/framework/theme/styles/global/typography/typography';
@@ -19,6 +21,9 @@
   @include nb-typography();
 
   @include nbd-common();
+
+  // loading progress bar
+  @include ngd-pace-theme();
 };
 
 body {
diff --git a/package-lock.json b/package-lock.json
index 853de9d44a..3c53c7a93a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13752,6 +13752,11 @@
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true
     },
+    "pace-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pace-js/-/pace-js-1.0.2.tgz",
+      "integrity": "sha1-Zzpxf4M8y09DFVMbde5HiDdmAPc="
+    },
     "package-json": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/package-json/-/package-json-4.0.1.tgz",
diff --git a/package.json b/package.json
index 8219c1da08..2b93aa35c0 100644
--- a/package.json
+++ b/package.json
@@ -109,6 +109,7 @@
     "marked": "0.3.9",
     "moment": "^2.22.2",
     "normalize.css": "8.0.0",
+    "pace-js": "^1.0.2",
     "rxjs": "6.5.2",
     "socicon": "3.0.5",
     "tslib": "^1.9.0",