Upgrading Casper to 2.4.2

no issue
- using an `id` selector doesn't break if other `progress` elements are present on a page

assets/css/screen.css

@@ -1831,7 +1831,7 @@ Usage (In Ghost editor):
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 920px;
+    max-width: 100%;
 }
 
 .post-template .kg-card-markdown > p:first-child {

package.json

@@ -2,7 +2,7 @@
     "name": "casper",
     "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.",
     "demo": "https://demo.ghost.io",
-    "version": "2.4.0",
+    "version": "2.4.2",
     "engines": {
         "ghost": ">=1.2.0"
     },

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>

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