diff --git a/src/components/navbar/MangaUpdatesUpdater.vue b/src/components/navbar/MangaUpdatesUpdater.vue
index 2aabb73..dc7a6b6 100644
--- a/src/components/navbar/MangaUpdatesUpdater.vue
+++ b/src/components/navbar/MangaUpdatesUpdater.vue
@@ -23,6 +23,15 @@ export default class MangaUpdatesUpdater extends Vue {
     return new ServiceStore();
   }
 
+  get progressStyle(): any {
+    if (this.progressValue === null || this.progressMax === null) {
+      return {};
+    }
+    return {
+      '--progress-value': this.progressValue / this.progressMax,
+    };
+  }
+
   //event handler
   async onUpdateMangaUpdatesDb(): Promise<void> {
     this.progressType = 'starting';
@@ -58,15 +67,6 @@ export default class MangaUpdatesUpdater extends Vue {
     this.progressValue = null;
     this.progressMax = null;
   }
-
-  get progressStyle(): any {
-    if (this.progressValue === null || this.progressMax === null) {
-      return {};
-    }
-    return {
-      '--progress-value': this.progressValue / this.progressMax,
-    };
-  }
 }
 </script>