diff --git a/src/components/ProgressBar.vue b/src/components/ProgressBar.vue
index 973a550..95cdfda 100644
--- a/src/components/ProgressBar.vue
+++ b/src/components/ProgressBar.vue
@@ -5,19 +5,19 @@
     <div class="progress" v-if="(data.allPayment + data.partPayment + data.notPayment) !== 0">
       <!--    将全部付款和部分付款放入一个div中-->
       <div class="full-and-partial"
-           :style="{width: (data.allPayment + data.partPayment)/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}">
+           :style="{width: (data.allPayment + data.partPayment)/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%', minWidth: 'fit-content'}">
         <!--        全部付款-->
         <div :style="{width: data.allPayment/(data.allPayment + data.partPayment) * 100 + '%'}"
              class="progress-item pay-in-full" v-if="data.allPayment !== 0">
           {{ data.allPayment }}
         </div>
         <!--        部分付款-->
-        <div :style="{width: data.partPayment/(data.allPayment + data.partPayment) * 100 + '%'}"
+        <div :style="{width: data.partPayment/(data.allPayment + data.partPayment) * 100 + '%', minWidth: 'fit-content'}"
              class="progress-item partial-payment" v-if="data.partPayment !== 0">
           {{ data.partPayment }}
         </div>
       </div>
-      <div :style="{width: data.notPayment/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}"
+      <div :style="{width: data.notPayment/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%', minWidth: 'fit-content'}"
            class="progress-item non-payment" v-if="data.notPayment !== 0">
         {{ data.notPayment }}
       </div>