diff options
| author | Pitu <[email protected]> | 2017-01-18 22:08:59 -0300 |
|---|---|---|
| committer | Pitu <[email protected]> | 2017-01-18 22:08:59 -0300 |
| commit | 7c8be0341ff1378662dc7617889356ce9572dd60 (patch) | |
| tree | a7a9c30eabfb5b8d6b028a1ca48db9591991c3f1 | |
| parent | Yep, multi-domains is a thing (diff) | |
| download | host.fuwn.me-7c8be0341ff1378662dc7617889356ce9572dd60.tar.xz host.fuwn.me-7c8be0341ff1378662dc7617889356ce9572dd60.zip | |
Cuter file upload progress
| -rw-r--r-- | pages/home.html | 10 | ||||
| -rw-r--r-- | public/js/upload.js | 3 |
2 files changed, 5 insertions, 8 deletions
diff --git a/pages/home.html b/pages/home.html index 85e2493..2a1fae8 100644 --- a/pages/home.html +++ b/pages/home.html @@ -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> diff --git a/public/js/upload.js b/public/js/upload.js index 2638ef8..d6d9b9d 100644 --- a/public/js/upload.js +++ b/public/js/upload.js @@ -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) { |