wip: add context to progress bar
This commit is contained in:
parent
e24349b9de
commit
22b7874593
3 changed files with 13 additions and 8 deletions
|
|
@ -2,12 +2,15 @@
|
|||
|
||||
{% get_plan_progress object_list as progress %}
|
||||
|
||||
<div>
|
||||
<div class="progress" style="height: 25px;">
|
||||
{% for section in progress.sections %}
|
||||
<div class="progress-bar bg-{{ section.css_class }}" role="progressbar" style="width: {{ section.css_percentage }}%;" aria-valuenow="{{ section.css_percentage }}" aria-valuemin="0" aria-valuemax="100" title="{{ section.label }}: {{ section.percentage }}%" data-toggle="tooltip" data-placement="top">
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="d-flex align-items-center">
|
||||
<small class="text-gray-700">{{ progress.count }} Vorhaben</small>
|
||||
<div class="flex-grow-1 ml-2">
|
||||
<div class="progress">
|
||||
{% for section in progress.sections %}
|
||||
<div class="progress-bar bg-{{ section.css_class }}" role="progressbar" style="width: {{ section.css_percentage }}%;" aria-valuenow="{{ section.css_percentage }}" aria-valuemin="0" aria-valuemax="100" title="{{ section.percentage }}% {{ section.label }}" data-toggle="tooltip" data-placement="top">
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue