The future sound of progress

Author: stijn-uva

webtool/static/css/components/progress.css

@@ -21,3 +21,5 @@
 @import url('components/module-card.css');
 @import url('components/user-input.css');
 @import url('components/processor-options.css');
+@import url('components/progress.css');
+

webtool/static/css/fourcat-new.css

@@ -4,7 +4,7 @@
 set: main_header = True for a header at the top of the analyiss tree (e.g. on the dataset
                         result page)
 #}
-<header class="card-header dataset-header">
+<header class="card-header dataset-header{% if dataset.progress and dataset.progress > 0 and not dataset.is_finished() %} progress progress-{{ (dataset.progress * 100)|round(0)|int }}{% endif %}">
     {% if dataset.get_own_processor().icon %}{% set icon = dataset.get_own_processor().icon %}{% endif %}
     {% include 'components/module-icon.html' %}
     <{% if main_header %}h1{% else %}h3{% endif %}>