diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs
index 3e6c683..7ac63c8 100644
--- a/layout/_partial/header.ejs
+++ b/layout/_partial/header.ejs
@@ -1,5 +1,7 @@
 <header class="header-wrapper">
 
+    <div class="header-progress"></div>
+
     <div class="header-content">
 
         <a class="logo-title" href="/">
diff --git a/source/css/layout/_partial/header.styl b/source/css/layout/_partial/header.styl
index 9f99514..a9bab7f 100644
--- a/source/css/layout/_partial/header.styl
+++ b/source/css/layout/_partial/header.styl
@@ -15,6 +15,15 @@
     magic-style(1.02, 1.02);
   }
 
+  .header-progress {
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    top: 0;
+    left: 0;
+    background: $primary-color;
+  }
+
 
   .header-content {
     display: flex;
@@ -295,4 +304,4 @@
     width: 90% !important;
   }
 
-}
\ No newline at end of file
+}