diff --git a/app/src/asset/pdf/app.js b/app/src/asset/pdf/app.js
index b39b87fc6..15103b089 100644
--- a/app/src/asset/pdf/app.js
+++ b/app/src/asset/pdf/app.js
@@ -665,7 +665,8 @@ class PDFViewerApplication {
   }
 
   get loadingBar () {
-    const bar = new ProgressBar('loadingBar')
+    // NOTE
+    const bar = new ProgressBar(this.appConfig.appContainer.querySelector("#loadingBar"))
     return shadow(this, 'loadingBar', bar)
   }
 
diff --git a/app/src/asset/pdf/ui_utils.js b/app/src/asset/pdf/ui_utils.js
index 381219f0c..848ed5577 100644
--- a/app/src/asset/pdf/ui_utils.js
+++ b/app/src/asset/pdf/ui_utils.js
@@ -699,8 +699,8 @@ class ProgressBar {
 
   #visible = true;
 
-  constructor(id) {
-    const bar = document.getElementById(id);
+  // NOTE
+  constructor(bar) {
     this.#classList = bar.classList;
   }
 
@@ -738,6 +738,7 @@ class ProgressBar {
     this.#visible = false;
     // NOTE
     this.#classList.add("fn__hidden");
+    docStyle.setProperty("--progressBar-percent", "0");
   }
 
   show() {
diff --git a/app/src/assets/scss/pdf/_pdf.scss b/app/src/assets/scss/pdf/_pdf.scss
index 9e61c77ea..85a5f3b8f 100644
--- a/app/src/assets/scss/pdf/_pdf.scss
+++ b/app/src/assets/scss/pdf/_pdf.scss
@@ -248,7 +248,6 @@
   position: absolute;
   height: 4px;
   background-color: var(--b3-theme-on-background);
-  border-bottom: 1px solid var(--b3-theme-surface-lighter);
   transition-duration: 200ms;
   transition-timing-function: ease;
   z-index: 1;
@@ -273,7 +272,7 @@
   position: absolute;
   top: 0;
   left: 0;
-  width: 0%;
+  width: var(--progressBar-percent);
   height: 100%;
   background-color: var(--b3-theme-primary-light);
   overflow: hidden;