Cuter file upload progress

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

View File

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

View File

@ -109,7 +109,8 @@ upload.prepareDropzone = function(){
// Update the total progress bar // Update the total progress bar
dropzone.on('uploadprogress', function(file, progress) { 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) { dropzone.on('success', function(file, response) {