From 971f9bd9155eccdeefe563a3608dc46d2132abab Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Tue, 14 Apr 2020 15:46:26 +0800
Subject: Add progess bar

---
 layouts/partials/scripts.html | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

(limited to 'layouts/partials/scripts.html')

diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 4caf7ba..c5efc63 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,3 +1,36 @@
+<script>
+    $(function () {
+        var bar = new ProgressBar.Circle('#progress', {
+            color: '#8AA2D3',
+            strokeWidth: 15,
+            trailColor: '#E5E2E4',
+            trailWidth: 15,
+            text: {
+                autoStyleContainer: false
+            },
+            fill: '#E5E2E4',
+            step: function (state, circle) {
+                var value = Math.round(circle.value() * 100);
+                if (value == 0 || value == 100) {
+                    circle.setText('');
+                } else {
+                    circle.setText(value);
+                }
+            }
+        });
+        var scrolled = ($(window).scrollTop() / ($(document).height() - $(window).height() - 1));
+        bar.animate(scrolled);
+        $(window).scroll(function () {
+            scrolled = ($(window).scrollTop() / ($(document).height() - $(window).height() - 1));
+            if (scrolled < 0.0005) {
+                scrolled = 0;
+            } else if (scrolled > 1) {
+                scrolled = 1;
+            }
+            bar.set(scrolled);
+        });
+    });
+</script>
 <script>
     var lazyLoadInstance = new LazyLoad({
         elements_selector: ".lazy"
-- 
cgit v1.2.3