Update progress bar colors to use bg-danger for incorrect answers in exam review summary

This commit is contained in:
Ross
2025-11-09 22:27:28 +00:00
parent dd55f999f7
commit 3c31246636
@@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div class="progress mt-2" style="height:12px;"> <div class="progress mt-2" style="height:12px;">
<div class="progress-bar {% if question.best_answer == 'a' %}bg-success{% else %}bg-primary{% endif %}" role="progressbar" <div class="progress-bar {% if question.best_answer == 'a' %}bg-success{% else %}bg-danger{% endif %}" role="progressbar"
style="width: {{ exam_response_pcts.a|default:0 }}%;" style="width: {{ exam_response_pcts.a|default:0 }}%;"
aria-valuenow="{{ exam_response_pcts.a|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div> aria-valuenow="{{ exam_response_pcts.a|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
@@ -42,7 +42,7 @@
</div> </div>
</div> </div>
<div class="progress mt-2" style="height:12px;"> <div class="progress mt-2" style="height:12px;">
<div class="progress-bar {% if question.best_answer == 'b' %}bg-success{% else %}bg-info{% endif %}" role="progressbar" <div class="progress-bar {% if question.best_answer == 'b' %}bg-success{% else %}bg-danger{% endif %}" role="progressbar"
style="width: {{ exam_response_pcts.b|default:0 }}%;" style="width: {{ exam_response_pcts.b|default:0 }}%;"
aria-valuenow="{{ exam_response_pcts.b|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div> aria-valuenow="{{ exam_response_pcts.b|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
@@ -58,7 +58,7 @@
</div> </div>
</div> </div>
<div class="progress mt-2" style="height:12px;"> <div class="progress mt-2" style="height:12px;">
<div class="progress-bar {% if question.best_answer == 'c' %}bg-success{% else %}bg-warning{% endif %}" role="progressbar" <div class="progress-bar {% if question.best_answer == 'c' %}bg-success{% else %}bg-danger{% endif %}" role="progressbar"
style="width: {{ exam_response_pcts.c|default:0 }}%;" style="width: {{ exam_response_pcts.c|default:0 }}%;"
aria-valuenow="{{ exam_response_pcts.c|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div> aria-valuenow="{{ exam_response_pcts.c|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
@@ -90,7 +90,7 @@
</div> </div>
</div> </div>
<div class="progress mt-2" style="height:12px;"> <div class="progress mt-2" style="height:12px;">
<div class="progress-bar {% if question.best_answer == 'e' %}bg-success{% else %}bg-secondary{% endif %}" role="progressbar" <div class="progress-bar {% if question.best_answer == 'e' %}bg-success{% else %}bg-danger{% endif %}" role="progressbar"
style="width: {{ exam_response_pcts.e|default:0 }}%;" style="width: {{ exam_response_pcts.e|default:0 }}%;"
aria-valuenow="{{ exam_response_pcts.e|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div> aria-valuenow="{{ exam_response_pcts.e|default:0 }}" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>