Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2024-12-13 16:06:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Cuter file upload progress

Browse Source
This commit is contained in:
Pitu 2017-01-18 22:08:59 -03:00
parent f55e9809b7
commit 7c8be0341f
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/home.html
View File

@ -36,17 +36,13 @@
<div id="uploads">
<div id="template" class="columns">
<div class="column is-hidden-mobile"></div>
<div class="column">
<p data-dz-size></p>
</div>
<div class="column">
<p data-dz-name></p>
</div>
<div class="column">
<progress class="progress is-danger" value="100" max="100" data-dz-uploadprogress></progress>
<progress class="progress is-small is-danger" value="0" max="100" data-dz-uploadprogress></progress>
<p data-dz-errormessage></p>
<p class="link"></p>
</div>
<div class="column is-hidden-mobile"></div>
</div>
</div>

3
public/js/upload.js
View File

@ -109,7 +109,8 @@ upload.prepareDropzone = function(){
// Update the total progress bar
dropzone.on('uploadprogress', function(file, progress) {
file.previewElement.querySelector('.progress').style.width = progress + '%';
file.previewElement.querySelector('.progress').setAttribute('value', progress);
file.previewElement.querySelector('.progress').innerHTML = progress + '%';
});
dropzone.on('success', function(file, response) {