Refactor file transfer progress handling in app.js and update UI elements in index.html and style.css. Introduced a unified transfer progress display for uploads, downloads, and cross-panel transfers, enhancing user experience and visual feedback.

src/main/resources/static/css/style.css

@@ -44,18 +44,29 @@ body {
     min-height: 44px;
 }
 
-/* 上传进度条 */
-.upload-progress {
-    display: inline-block;
+/* 传输进度（上传/下载/跨面板传输） */
+.transfer-progress {
+    display: inline-flex;
+    align-items: center;
     vertical-align: middle;
+    gap: 8px;
 }
 
-.upload-progress .progress {
+.transfer-progress-label {
+    font-size: 12px;
+    color: #333;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.transfer-progress .progress {
     border-radius: 4px;
     overflow: hidden;
 }
 
-.upload-progress .progress-bar {
+.transfer-progress .progress-bar {
     transition: width 0.3s ease;
     font-size: 11px;
     line-height: 20px;