poprawka w progressbarze

templates/list.html

@@ -50,11 +50,13 @@ Lista: <strong>{{ list.title }}</strong>
 
 <!-- Progress bar (dynamic) -->
 <h5 id="progress-title" class="mb-2">
-  📊 Postęp listy — {{ purchased_count }}/{{ total_count }} kupionych ({{ percent|round(0) }}%)
+  📊 Postęp listy —
+  <span id="purchased-count">{{ purchased_count }}</span>/
+  <span id="total-count">{{ total_count }}</span> kupionych
+  (<span id="percent-value">{{ percent|round(0) }}</span>%)
 </h5>
 
 <div class="progress progress-dark position-relative">
-  {# właściwy pasek postępu #}
   <div id="progress-bar"
        class="progress-bar bg-warning text-dark"
        role="progressbar"
@@ -62,7 +64,7 @@ Lista: <strong>{{ list.title }}</strong>
        aria-valuenow="{{ percent }}" aria-valuemin="0" aria-valuemax="100">
   </div>
 
-  <span class="progress-label small fw-bold
+  <span id="progress-label" class="progress-label small fw-bold
                {% if percent < 50 %}text-white{% else %}text-dark{% endif %}">
       {{ percent|round(0) }}%
   </span>