diff --git a/partials/floating-header.hbs b/partials/floating-header.hbs
index 5237622..3ceb8fc 100644
--- a/partials/floating-header.hbs
+++ b/partials/floating-header.hbs
@@ -20,7 +20,7 @@
             {{> "icons/facebook"}}
         </a>
     </div>
-    <progress class="progress" value="0">
+    <progress id="reading-progress" class="progress" value="0">
         <div class="progress-container">
             <span class="progress-bar"></span>
         </div>
diff --git a/post.hbs b/post.hbs
index f4fa18a..50eecbc 100644
--- a/post.hbs
+++ b/post.hbs
@@ -143,7 +143,7 @@ $(document).ready(function () {
     $postContent.fitVids();
     // End fitVids
 
-    var progressBar = document.querySelector('progress');
+    var progressBar = document.querySelector('#reading-progress');
     var header = document.querySelector('.floating-header');
     var title = document.querySelector('.post-full-title');