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.

This commit is contained in:
liu
2026-02-03 10:35:59 +08:00
parent 9f72ff5a48
commit 96f78dea87
3 changed files with 146 additions and 36 deletions

View File

@@ -33,10 +33,11 @@
</div>
<!-- 文件上传输入框(隐藏) -->
<input type="file" id="file-input" multiple style="display:none">
<!-- 上传进度条 -->
<div class="upload-progress" id="upload-progress" style="display:none;">
<div class="progress" style="height: 20px; margin-left: 10px; width: 200px;">
<div class="progress-bar" role="progressbar" style="width: 0%">0%</div>
<!-- 传输进度(上传/下载/跨面板传输) -->
<div class="transfer-progress" id="transfer-progress" style="display:none;">
<span class="transfer-progress-label" id="transfer-progress-label"></span>
<div class="progress transfer-progress-bar" style="height: 20px; margin-left: 10px; width: 220px;">
<div class="progress-bar" id="transfer-progress-bar" role="progressbar" style="width: 0%">0%</div>
</div>
</div>
</div>