diff --git a/client/src/app/instance/search/components/result/download-file-tab.component.html b/client/src/app/instance/search/components/result/download-file-tab.component.html
index 49f60cee2bf34aa7a4d379d4b12829c8b6b6bdee..c4032c0b8fc06a3f80ac8c5b7cbeecf79e22bf57 100644
--- a/client/src/app/instance/search/components/result/download-file-tab.component.html
+++ b/client/src/app/instance/search/components/result/download-file-tab.component.html
@@ -3,7 +3,12 @@
         Files downloaded : 
         <ul>
             <li *ngFor="let downloadFile of downloadedFiles">
-                {{ downloadFile.fileName }} : 
+                {{ downloadFile.fileName }} :
+                <ng-container *ngIf="downloadFile.state == 'PENDING'">
+                    <br>
+                    <span class="fas fa-circle-notch fa-spin"></span>
+                    <span class="sr-only">Loading...</span>
+                </ng-container>
                 <progressbar [value]="downloadFile.progress" [type]="getType(downloadFile.progress)" [animate]="true">{{ downloadFile.progress }}%</progressbar> 
             </li>
         </ul>
diff --git a/client/src/app/instance/store/reducers/download-file.reducer.ts b/client/src/app/instance/store/reducers/download-file.reducer.ts
index 64daf37e3bad68eede73d702c032511b9b7a43ae..372e24a9c543725a6aa317d31a5ac80f449892d0 100644
--- a/client/src/app/instance/store/reducers/download-file.reducer.ts
+++ b/client/src/app/instance/store/reducers/download-file.reducer.ts
@@ -63,7 +63,8 @@ export const fileReducer = createReducer(
             ...state.downloadedFiles.filter(f => f.id !== fileId),
             {
                 ...state.downloadedFiles.find(f => f.id === fileId),
-                progress: progress
+                progress: progress,
+                state: 'IN_PROGRESS'
             }
         ]
     })),