progress expand from center

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>