MediaDash/templates/test.html
2021-08-29 15:03:28 +02:00

43 lines
No EOL
1.2 KiB
HTML

{% extends "base.html" %}
{% from 'bootstrap/form.html' import render_form %}
{% block scripts %}
{{super()}}
<script lang="text/javascript">
let prog=0;
function setPrograb(selector,value) {
let rv=Math.round(prog*100,2)/100;
$(selector).attr('style','width: '+rv+"%;");
$(selector).attr('aria-valuenow',rv);
$(selector).text(rv+' %');
}
setInterval(() => {
for (var i=0;i<100;++i) {
prog=Math.random()*100;
setPrograb("#prog_test_bar_"+i,prog);
}
},1000)
</script>
{% endblock %}
{% block app_content__ %}
<div class="row">
{{render_form(form)}}
</div>
{% endblock %}
{% block app_content %}
{% for i in range(100) %}
<div class="row">
<div id="prog_test_{{i}}" class="progress" style="width: 100%;">
<div id="prog_test_bar_{{i}}" class="progress-bar progress-bar-striped progress-bar-animated"
style="width: 0%;" role="progressbar"
aria-valuenow="" aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
{% endfor %}
{% endblock %}