From f97389a5b42443b9c822c40ab929c7a1a6cd4e45 Mon Sep 17 00:00:00 2001
From: aolob <aolob@hotmail.com>
Date: Sat, 7 Oct 2023 05:22:09 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=98=85=E8=AF=BB=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 page_begin.html  | 1 +
 page_end.html    | 2 ++
 page_end/main.js | 8 ++++++++
 3 files changed, 11 insertions(+)

diff --git a/page_begin.html b/page_begin.html
index a0fbcec..b862557 100644
--- a/page_begin.html
+++ b/page_begin.html
@@ -3,6 +3,7 @@
     [markdown_highlight, markdown_highlight_swap] = [markdown_highlight_swap, markdown_highlight]
 </script>
 <progress v-show="!$model.body.progress.show" style="z-index: 1; position: fixed; top: 0;"></progress>
+<progress v-show="$model.body.progress.show" style="z-index: 1; position: fixed; top: 0;" :value="$model.body.progress.value" :max="$model.body.progress.max"></progress>
 <header v-scope="{$template: '#header'}"></header>
 <main v-scope="{$template: '#main'}" class="container" style="padding-top: calc(var(--block-spacing-vertical) + 3.5rem);"></main>
 <footer v-scope="{$template: '#footer'}" class="container" style="padding: calc(var(--block-spacing-vertical) + 3.5rem) 0;"></footer>
diff --git a/page_end.html b/page_end.html
index 8ccf0f8..d3eec53 100644
--- a/page_end.html
+++ b/page_end.html
@@ -16,6 +16,8 @@
             },
             progress: {
                 show: false,
+                value: 0,
+                max: 0,
             },
         }
         $model.body.theme=='light'?window.highlighter.setTheme(window.codeHighlightTheme):window.highlighter.setTheme(window.darkModeCodeHighlightTheme);
diff --git a/page_end/main.js b/page_end/main.js
index 933677c..c391c76 100644
--- a/page_end/main.js
+++ b/page_end/main.js
@@ -10,6 +10,7 @@ function main() {
                 },
                 posts: [],
             }
+            progress()
             break;
         default:
             $model.main = {
@@ -58,4 +59,11 @@ function httpget(url) {
             r(xhr)
         }
     })
+}
+function progress() {
+    window.$model.body.progress.show = true
+    document.addEventListener('scroll', () => {
+        window.$model.body.progress.max = document.documentElement.scrollHeight - window.innerHeight
+        window.$model.body.progress.value = window.scrollY
+    })
 }
\ No newline at end of file
-- 
Gitee