diff --git a/src/pages/gallery/components/CreateCollection.tsx b/src/pages/gallery/components/CreateCollection.tsx
index 4cb755f51..fe1e47fe8 100644
--- a/src/pages/gallery/components/CreateCollection.tsx
+++ b/src/pages/gallery/components/CreateCollection.tsx
@@ -50,6 +50,8 @@ export default function CreateCollection(props) {
         try {
             const token = getToken();
             event.preventDefault();
+            progressBarProps.setPercentComplete(0);
+            setProgressView(true);
 
             closeModal();
             closeUploadModal();
@@ -61,9 +63,6 @@ export default function CreateCollection(props) {
                 file: null,
             };
 
-            progressBarProps.setPercentComplete(0);
-            setProgressView(true);
-
             await UploadService.uploadFiles(
                 acceptedFiles,
                 collectionAndItsLatestFile,