add progress bar

This commit is contained in:
Beu
2025-07-31 10:00:20 +02:00
parent 773e13a441
commit 0c32bbbc57
3 changed files with 87 additions and 24 deletions

View File

@@ -22,12 +22,15 @@
<div class=core>
<h1>File Transfer</h1>
<div id=dragzone class=dragndrop ondrop="file_dropped(event);" ondragover="return false" ondragenter="change_color_ondrag('ondragenter');" ondragleave="change_color_ondrag('ondragleave');" >
Drag and Drop your file or <input class="button" type="button" value="Select File" onclick="file_explorer();">
<input type="file" id="uploadfile" hidden>
<br>
<small>(Maximum <?php print(formatBytes(_SIZE_LIMIT)); ?>)</small>
<br><br><br><br>
<div id=divresponse></div><button class="button" id=copytoclipboard style="visibility: hidden;" onclick="copytoclipboard();">Copy to clipboard</button>
<span>Drag and Drop your file or <input class="button" type="button" value="Select File" onclick="file_explorer();"></span>
<input type="file" id="uploadfile" hidden>
<small>(Maximum <?php print(formatBytes(_SIZE_LIMIT)); ?>)</small>
<div id=divresponse></div>
<div id="progress-container" style="display: none;">
<progress id="progress-bar" max="100" value="0"></progress>
<small id="progress-text">0%</small>
</div>
<button class="button" id=copytoclipboard style="visibility: hidden;" onclick="copytoclipboard();">Copy to clipboard</button>
</div>
<div class=infobox>
This tool is usable with <b>curl</b> or <b>wget</b>.<br><br>