twba.control-center/templates/services.html.tera

{% for service in services %}
<div class="col-md-6">
    <h2>{{ service.name }}</h2>
    <ul class="list-group">
        {% for task in service.tasks %}
        <li class="list-group-item">
            {{ task.name }}
            <div class="progress">
                <div class="progress-bar" role="progressbar" style="width:{{ task.max_progress / task.progress * 100 }}%;" aria-valuenow="{{ task.progress }}" aria-valuemin="0" aria-valuemax="{{ task.max_progress }}">{{ task.progress }}%</div>
            </div>
            <button id="increment-button" onclick="update_task_progress( '{{service.id}}','{{task.id}}' )">+</button>
        </li>
        {% endfor %}
    </ul>
</div>
{% endfor %}