diff options
Diffstat (limited to 'templates/progress.html')
| -rw-r--r-- | templates/progress.html | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/templates/progress.html b/templates/progress.html index a526dfb..7eb86ba 100644 --- a/templates/progress.html +++ b/templates/progress.html @@ -1,7 +1,7 @@ {% extends "layout.html" %} {% block content %} -<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> +<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> @@ -14,7 +14,6 @@ document.body.style.backgroundColor = 'rgba('+r+','+g+','+b+',0.1)' var source = new EventSource("/{{url_in}}"); source.onmessage = function(event) { $('.progress-bar').css('width', event.data+'%').attr('aria-valuenow', event.data); - $('.progress-bar-label').text(event.data+'%'); var alpha = 1-event.data/150 document.body.style.backgroundColor = 'rgba('+r+','+g+','+b+',0.3)'.replace(/[^,]+(?=\))/, alpha) @@ -25,10 +24,10 @@ source.onmessage = function(event) { } </script> <br> -<b> Rest assured I am working diligently on your request even if you ignore this progress bar ... </b> +<b> Rest assured I am working diligently on your request ... </b> <div id="progs" class="progress" style="width: 50%; margin: 50px;"> - <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> - <span class="progress-bar-label">0%</span> + <div class="progress-bar progress-bar-striped active mx-auto" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> + <span class="progress-bar-label"></span> </div> </div> |