From 49d5a123e505ddd9a1455e6bff6daf499b0e12bb Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Mon, 24 Dec 2018 00:27:55 +0000
Subject: [PATCH] Add progress bar to topics page

---
 app/templates/todo/topics.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/templates/todo/topics.html b/app/templates/todo/topics.html
index d2fcd28..bec0f42 100644
--- a/app/templates/todo/topics.html
+++ b/app/templates/todo/topics.html
@@ -18,9 +18,14 @@ Topics to be Added
 	<h1>Topics to be Added</h1>
 
 	<p>
-		{{ total - (topic_count) }} / {{ total }} topics have been added as packages to CDB.
+		{{ total - topic_count }} / {{ total }} topics have been added as packages to CDB.
 		{{ topic_count }} remaining.
 	</p>
+	<div class="progress">
+		{% set perc = 100 * (total - topic_count) /  total %}
+		<div class="progress-bar bg-success" role="progressbar"
+			style="width: {{ perc }}%" aria-valuenow="{{ perc }}" aria-valuemin="0" aria-valuemax="100"></div>
+	</div>
 
 	<form method="GET" action="{{ url_for('todo_topics_page') }}" class="my-4">
 		<input class="" name="q" type="text" placeholder="Search topics" value="{{ query or ''}}">