добавил отображение прогресса

camlaps/templates/camlaps/job_list.html

@@ -1,6 +1,9 @@
 {% extends 'base.html' %}
 
 {% block content %}
+{% if has_active_jobs %}
+    <meta http-equiv="refresh" content="5">
+{% endif %}
 <div class="d-flex justify-content-between align-items-center mb-4">
     <h2>Очередь задач</h2>
     <div class="d-flex gap-2">
@@ -56,12 +59,19 @@
                     <td>{{ job.get_sampling_preset_display }}</td>
                     <td>{{ job.fps }}</td>
                     <td>{{ job.get_status_display }}</td>
-                    <td>
-                        {% if job.status == 'success' %}
-                            100%
-                        {% else %}
-                            {{ job.progress_percent }}%
-                        {% endif %}
+                    <td style="min-width: 170px;">
+                        <div class="progress" role="progressbar" aria-valuenow="{{ job.progress_percent }}" aria-valuemin="0" aria-valuemax="100">
+                            <div
+                                class="progress-bar {% if job.status == 'error' %}bg-danger{% elif job.status == 'success' %}bg-success{% else %}progress-bar-striped progress-bar-animated{% endif %}"
+                                style="width: {% if job.status == 'success' %}100{% else %}{{ job.progress_percent }}{% endif %}%"
+                            >
+                                {% if job.status == 'success' %}
+                                    100%
+                                {% else %}
+                                    {{ job.progress_percent }}%
+                                {% endif %}
+                            </div>
+                        </div>
                     </td>
                     <td>
                         {% if job.status == 'error' and job.error_message %}