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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user