added progress percentage

components/Loaders/Loader.vue

@@ -1,17 +1,17 @@
+
 <template>
   <b-loading v-model="enabled">
     <div class="loading-container">
       <div class="loading-tornado" data-test="tornado_loader"></div>
       <div class="loading-message">{{ message }}...</div>
+      <div v-if="progress >= 0" class="loading-message">{{ progress }}%</div>
       <approve-loader v-if="isApprove" />
     </div>
   </b-loading>
 </template>
 <script>
 import { mapState, mapGetters } from 'vuex'
-
 import ApproveLoader from './ApproveLoader'
-
 export default {
   components: {
     ApproveLoader
@@ -19,10 +19,10 @@ export default {
   computed: {
     ...mapGetters('metamask', ['isWalletConnect']),
     ...mapState('metamask', ['providerName']),
-    ...mapState('loading', ['enabled', 'message', 'type']),
+    ...mapState('loading', ['enabled', 'message', 'progress', 'type']),
     isApprove() {
       return this.type === 'approve'
     }
   }
 }
-</script>
+</script>