fix bg current funnel

src/components/deal/addEdit/RequisitionDetails.vue

@@ -11,7 +11,11 @@
                 v-for="(step, index) in steps"
                 :key="index"
                 class="progress-step"
-                :class="{ 'bg-green-500': index < requisition.stage_index, 'bg-white': index >= requisition.stage_index ?? 0 }"
+                :class="{
+                  'step-completed': index < requisition.stage_index,
+                  'step-current': index === requisition.stage_index,
+                  'step-pending': index > requisition.stage_index
+                }"
             >
             </div>
           </div>
@@ -426,13 +430,23 @@ const typeReq = computed(() => {
     overflow: hidden;
     border-radius: 4px;
     border: 1px solid #DEDEDE;
-    background-color: #5cb85c;
+    background-color: #fff;
   }
 
   .progress-step {
     flex: 1;
     position: relative;
   }
+  .step-completed {
+    background-color: #5cb85c;
+  }
+  .step-current {
+    background-color: #e2574c;
+    opacity: 0.2;
+  }
+  .step-pending {
+    background-color: #fff;
+  }
   .progress-step::before {
     content: '';
     position: absolute;