diff --git a/src/js/controllers/main.js b/src/js/controllers/main.js
index cd9931e6..0b81441f 100644
--- a/src/js/controllers/main.js
+++ b/src/js/controllers/main.js
@@ -203,7 +203,10 @@
             if (item) {
                 return $scope.apiMiddleware.download(item);
             }
-            return $scope.apiMiddleware.downloadMultiple($scope.temps);
+            $scope.modal('loader');
+            return $scope.apiMiddleware.downloadMultiple($scope.temps).then(function(){
+                $scope.modal('loader', true);
+            });
         };
 
         $scope.copy = function() {
diff --git a/src/templates/modals.html b/src/templates/modals.html
index 95852ecf..cae36cf2 100644
--- a/src/templates/modals.html
+++ b/src/templates/modals.html
@@ -1,3 +1,23 @@
+<div class="modal animated fadeIn" id="loader">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal">
+            <span aria-hidden="true">&times;</span>
+            <span class="sr-only">{{"close" | translate}}</span>
+        </button>
+        <h4 class="modal-title">{{"loading" | translate}}</h4>
+      </div>
+      <div class="modal-body">
+        <div class="text-center" style="min-height: 150px;">
+          <div ng-include="config.tplPath + '/spinner.html'"></div>
+          <span class="label label-warning" ng-show="apiMiddleware.apiHandler.inprocess">{{'loading' | translate}} ...</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
 <div class="modal animated fadeIn" id="imagepreview">
   <div class="modal-dialog">
     <div class="modal-content">