diff --git a/page_begin.html b/page_begin.html
index b86255719e934b2ffdbbacbb19b30337586c2d49..3466bcda8d7b18594eb3e506a48d0394e363150e 100644
--- a/page_begin.html
+++ b/page_begin.html
@@ -2,8 +2,6 @@
     function markdown_highlight_swap() { }
     [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_begin/header.html b/page_begin/header.html
index 6a8b7d46e502e0160f8829becfe4300833a52f25..7167367be06e57966cb3d6e6df82d6bda89e127a 100644
--- a/page_begin/header.html
+++ b/page_begin/header.html
@@ -1,4 +1,6 @@
 <template id="header">
+    <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>
     <nav class="container-fluid" style="z-index: 2; position: fixed; top: 0; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: var(--nav-background-color); box-shadow: 0 1px 0 var(--nav-border-color);">
         <ul>
             <li>
diff --git a/page_end.html b/page_end.html
index d3eec534f3b64532e3e4e8328e38d0ef1761ad42..edfed17814eaf587bfaa137760974305ea092f28 100644
--- a/page_end.html
+++ b/page_end.html
@@ -10,6 +10,7 @@
         [markdown_highlight, markdown_highlight_swap] = [markdown_highlight_swap, markdown_highlight]
         const $model = (window.$model = PetiteVue.reactive({}))
         $model.body = {
+            handle: window.location.pathname.split('/').reverse().filter(e => e.trim())[1],
             theme: getordefault('theme', 'light'),
             raw: {
                 show: false,
diff --git a/page_end/header.js b/page_end/header.js
index 11c498393f02da60f5228d8f2441e61a82f27ddc..f052d5394c6f01df9af3e5359c947172880673e2 100644
--- a/page_end/header.js
+++ b/page_end/header.js
@@ -10,4 +10,12 @@ function header() {
         },
         navList_as: $("#navList a").toArray().map(e => { return { text: $(e).text().trim(), href: e.href } }),
     }
+    switch ($model.body.handle) {
+        case 'p':
+            $model.body.progress.show = true
+            document.addEventListener('scroll', () => {
+                $model.body.progress.max = document.documentElement.scrollHeight - window.innerHeight
+                $model.body.progress.value = window.scrollY
+            })
+    }
 }
\ No newline at end of file
diff --git a/page_end/main.js b/page_end/main.js
index c391c7664730311d0e5d22650f3fecfa44ac12fa..933677c1d5bb2c5551aa9f736b49134aaf7da40f 100644
--- a/page_end/main.js
+++ b/page_end/main.js
@@ -10,7 +10,6 @@ function main() {
                 },
                 posts: [],
             }
-            progress()
             break;
         default:
             $model.main = {
@@ -59,11 +58,4 @@ 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