From 9b56779ca67417fdde3ad0bc8e3a567de43f0f27 Mon Sep 17 00:00:00 2001
From: Nulla Wu <bin16@outlook.com>
Date: Fri, 3 Aug 2018 16:21:05 +0800
Subject: [PATCH] Use id attribute to query reading progress element (#467)

no issue
- using an `id` selector doesn't break if other `progress` elements are present on a page
---
 partials/floating-header.hbs | 2 +-
 post.hbs                     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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');