From bc6a6e1d5974cb1c9f8a181728d93dafc531da01 Mon Sep 17 00:00:00 2001
From: Hao Chen
Date: Sun, 12 May 2019 05:40:39 -0500
Subject: prog bar showing

---
 templates/progress.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 templates/progress.html

(limited to 'templates/progress.html')

diff --git a/templates/progress.html b/templates/progress.html
new file mode 100644
index 0000000..322604d
--- /dev/null
+++ b/templates/progress.html
@@ -0,0 +1,29 @@
+{% extends "layout.html" %}
+{% block content %}
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+
+	<script>
+	var source = new EventSource("/search");
+	source.onmessage = function(event) {
+		$('.progress-bar').css('width', event.data+'%').attr('aria-valuenow', event.data);
+		$('.progress-bar-label').text(event.data+'%');
+
+		if(event.data == 100){
+			window.location.replace("/cytoscape")
+			source.close()
+		}
+	}
+	</script>
+
+	<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>
+	</div>
+	
+ 
+{% endblock %}
+
+
+
-- 
cgit v1.2.3