Optimized saving animation

web/SystemAO/file_system/file_explorer.css

@@ -1153,6 +1153,41 @@ body.darkTheme .ui.icon.button{
     cursor:pointer;
 }
 
+.saving {
+    -moz-animation: saving 3s ease-out;
+    -moz-animation-iteration-count: infinite;
+
+    -webkit-animation: saving 3s ease-out;
+    -webkit-animation-iteration-count: infinite;
+
+    -ms-animation: saving 3s ease-out;
+    -ms-animation-iteration-count: infinite;
+}
+
+@keyframes saving {
+    0% { opacity: 0.6; }
+    50% { opacity: 1; }
+    100% { opacity: 0.6; }
+}
+
+@-webkit-keyframes saving {
+    0% { opacity: 0.6; }
+    50% { opacity: 1; }
+    100% { opacity: 0.6; }
+}
+
+@-moz-keyframes saving {
+    0% { opacity: 0.6; }
+    50% { opacity: 1; }
+    100% { opacity: 0.6; }
+}
+
+@-ms-keyframes saving {
+    0% { opacity: 0.3; }
+    50% { opacity: 1; }
+    100% { opacity: 0.3; }
+}
+
 .clearallButton{
     padding:8px;
     cursor:pointer;

web/SystemAO/file_system/file_explorer.html

@@ -4710,7 +4710,7 @@
                                 $(".uploadTask").each(function(){
                                     if ($(this).attr("taskID") == taskUUID){
                                         $(this).find(".bar").css("width","100%");
-                                        $(this).find(".progress:not(.percentage)").attr("class","ui small indicating violet progress");
+                                        $(this).find(".progress:not(.percentage)").attr("class","ui small indicating themed saving progress");
                                         $(this).find(".progress.percentage").html(`<i class="ui save icon"></i> ${resp.move}`);
                                     }
                                 });