diff --git a/gatsby-config.js b/gatsby-config.js
index da1e114..36d689c 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -86,6 +86,13 @@ module.exports = {
         },
       },
     },
+    {
+      resolve: `gatsby-plugin-nprogress`,
+      options: {
+        color: `#5183F5`,
+        showSpinner: false,
+      },
+    },
     "gatsby-plugin-sharp",
 		"gatsby-transformer-sharp",
     {
diff --git a/package-lock.json b/package-lock.json
index 794f07b..b7e63e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9118,6 +9118,15 @@
         "webpack": "^4.43.0"
       }
     },
+    "gatsby-plugin-nprogress": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-nprogress/-/gatsby-plugin-nprogress-2.3.10.tgz",
+      "integrity": "sha512-iB20T8gLp4l1Zi+/ji6WDttIIvw160jwJmlQNYKxxPCe3+koBzQ9TZgxMJqI4uT5gXACpRIQx7c9Sg1YMJ3Mzg==",
+      "requires": {
+        "@babel/runtime": "^7.10.3",
+        "nprogress": "^0.2.0"
+      }
+    },
     "gatsby-plugin-page-creator": {
       "version": "2.3.12",
       "resolved": "https://registry.npmjs.org/gatsby-plugin-page-creator/-/gatsby-plugin-page-creator-2.3.12.tgz",
@@ -14795,6 +14804,11 @@
         "set-blocking": "~2.0.0"
       }
     },
+    "nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha1-y480xTIT2JVyP8urkH6UIq28r7E="
+    },
     "nth-check": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
diff --git a/package.json b/package.json
index fb9d8f1..4d90536 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "gatsby-plugin-firebase": "^0.2.0-beta.4",
     "gatsby-plugin-manifest": "^2.4.17",
     "gatsby-plugin-netlify-cms": "^4.3.9",
+    "gatsby-plugin-nprogress": "^2.3.10",
     "gatsby-plugin-react-helmet": "^3.3.8",
     "gatsby-plugin-react-svg": "^3.0.0",
     "gatsby-plugin-sass": "^2.3.7",