diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 241ec98..c713076 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import {ref, nextTick, watch} from 'vue'
+import {ref, nextTick, watch, computed} from 'vue'
 import {ElMessage} from 'element-plus'
 import {ElMessageBox} from 'element-plus'
 import {SelectPath, GetConfig, WriteConfig, StartUpload, StopUpload} from '../wailsjs/go/main/App';
@@ -31,6 +31,17 @@ const progressList = ref<FileProgress[]>([
   // {name: '测试文件1.txt', uploaded: 100, total: 500, percentage: 20},
 ])
 
+const sortedProgressList = computed(() => {
+  return [...progressList.value].sort((a, b) => {
+    const getPriority = (item: FileProgress) => {
+      if (item.percentage === 100) return 2
+      if (item.percentage === 0) return 1
+      return 0
+    }
+    return getPriority(a) - getPriority(b)
+  })
+})
+
 const addLog = (msg: string) => {
   logOutput.value.push(`[${new Date().toLocaleString()}]` + msg)
   nextTick(() => {
@@ -171,7 +182,7 @@ EventsOn("is-run", (run) => {
       <div class="form-item">
         <label>上传进度</label>
         <div class="progress-list">
-          <div v-for="(item, index) in progressList" :key="index" class="progress-item">
+          <div v-for="(item, index) in sortedProgressList" :key="index" class="progress-item">
             <span class="file-name">{{ item.name }}</span>
             <el-progress :percentage="item.percentage" :status="item.percentage === 100 ? 'success' : undefined"/>
             <span class="progress-text">{{ item.uploaded }}/{{ item.total }}</span>