aboutsummaryrefslogtreecommitdiff
path: root/qc_app/templates/index.html
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2022-06-13 15:02:19 +0300
committerFrederick Muriuki Muriithi2022-06-13 15:02:19 +0300
commitc2fa70ec8503d10b990575a547036bfd70a53825 (patch)
treedf7a575b0e2d103a410d419df63503196cad1268 /qc_app/templates/index.html
parent557d1d5c19ab518fa7abb3229c6d9042867e6c00 (diff)
downloadgn-uploader-c2fa70ec8503d10b990575a547036bfd70a53825.tar.gz
Add upload progress indicator
Diffstat (limited to 'qc_app/templates/index.html')
-rw-r--r--qc_app/templates/index.html18
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%}