diff --git a/ui/src/plugins/Loading.js b/ui/src/plugins/Loading.js
index <HASH>..<HASH> 100644
--- a/ui/src/plugins/Loading.js
+++ b/ui/src/plugins/Loading.js
@@ -5,6 +5,7 @@ import { isSSR } from './Platform.js'
 import uid from '../utils/uid.js'
 
 let
+  hiding = false,
   vm = null,
   timeout,
   props = {},
@@ -32,6 +33,11 @@ export default {
 
     props.customClass += ` text-${props.backgroundColor}`
 
+    // Force hide(don't wait for transition to finish) to show the next loading
+    if (hiding && vm !== null) {
+      vm.$emit('destroy')
+    }
+
     if (this.isActive) {
       if (vm) {
         if (!vm.isActive) {
@@ -101,7 +107,7 @@ export default {
   },
 
   hide () {
-    if (!this.isActive) {
+    if (!this.isActive || hiding) {
       return
     }
 
@@ -111,12 +117,14 @@ export default {
       this.isActive = false
     }
     else {
+      hiding = true
       vm.isActive = false
       vm.$on('destroy', () => {
         if (vm !== null) {
           vm.$destroy()
         }
         this.isActive = false
+        hiding = false
       })
     }
   },
Fixed some of sequential Loading's were not showing

When hide is called plugin will enter the hiding state. Hiding state disappears when the leave transition is finished just as before. If `show()` is called when the loading is hiding, the loading will be force hidden, then the new loading will be shown.