diff options
author | Frederick Muriuki Muriithi | 2022-06-13 15:02:19 +0300 |
---|---|---|
committer | Frederick Muriuki Muriithi | 2022-06-13 15:02:19 +0300 |
commit | c2fa70ec8503d10b990575a547036bfd70a53825 (patch) | |
tree | df7a575b0e2d103a410d419df63503196cad1268 /qc_app/templates | |
parent | 557d1d5c19ab518fa7abb3229c6d9042867e6c00 (diff) | |
download | gn-uploader-c2fa70ec8503d10b990575a547036bfd70a53825.tar.gz |
Add upload progress indicator
Diffstat (limited to 'qc_app/templates')
-rw-r--r-- | qc_app/templates/index.html | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/qc_app/templates/index.html b/qc_app/templates/index.html index b14f3d4..18eb784 100644 --- a/qc_app/templates/index.html +++ b/qc_app/templates/index.html @@ -35,4 +35,22 @@ <input type="submit" value="upload file" class="btn btn-main" /> </form> + +<div id="progress-indicator" class="hidden"> + <h3>Uploading file</h3> + <p id="progress-filename">the-file</p> + <progress id="progress-bar" value="0" max="100"> + 0 + </progress> + <p id="progress-text">Uploading 0%</p> + <p id="progress-extra-text">Processing</p> +</div> +{%endblock%} + + +{%block javascript%} +<script type="text/javascript" src="static/js/upload_progress.js"></script> +<script type="text/javascript"> + setup_upload_handlers(); +</script> {%endblock%} |