Use Bootstrap's progress bar styling

Author: m-aciek

src/style.css

@@ -103,25 +103,6 @@ ul.links-row li:not(:first-child)::before {
   margin-right: 0.5ch;
 }
 
-/* ------------------------------ Index ------------------------------------- */
-
-.progress-bar-container {
-  border-radius: 4px;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  height: 20px;
-  overflow: hidden;
-  position: relative;
-}
-
-.progress-bar {
-  display: inline-block;
-  color: white;
-  height: 100%;
-  line-height: 20px;
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-}
-
 /* ------------------------------ Metadata ---------------------------------- */
 
 table {

templates/progress_bar.html.jinja

@@ -3,7 +3,7 @@
    - width: numeric width percentage (0-100)
    - change: numeric change value (same units as width) or falsy
 #}
-<div class="progress-bar-container {{ extra_container_class }}">
+<div class="progress {{ extra_container_class }}">
   <div class="progress-bar" style="width: {{ width }}%;
     {% if change and width %}
       {# compute the relative change percentage safely #}