diff --git a/web/src/components/queue/ProcessingQueue.svelte b/web/src/components/queue/ProcessingQueue.svelte
index a6c1d229..f7073081 100644
--- a/web/src/components/queue/ProcessingQueue.svelte
+++ b/web/src/components/queue/ProcessingQueue.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { onMount } from "svelte";
     import { t } from "$lib/i18n/translations";
-    import { onNavigate } from "$app/navigation";
+    import { beforeNavigate, onNavigate } from "$app/navigation";
 
     import { clearFileStorage } from "$lib/storage/opfs";
 
@@ -50,6 +50,12 @@
         // clear old files from storage on first page load
         clearFileStorage();
     });
+
+    beforeNavigate((event) => {
+        if (event.type === "leave" && (totalProgress > 0 && totalProgress < 1)) {
+            event.cancel();
+        }
+    });
 </script>
 
 <div id="processing-queue" class:expanded={$queueVisible}>