Add progress bar to topics page

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 ''}}">