mirror of
https://github.com/tabler/tabler.git
synced 2025-12-23 18:34:25 +04:00
21 lines
1.1 KiB
HTML
21 lines
1.1 KiB
HTML
{% assign percentage = include.value | default: 38 %}
|
|
{% assign colors = include.colors | default: 'blue,red,green,yellow,dark' | split: ',' %}
|
|
<div class="progress{% if include['size'] %} progress-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
|
|
{% if include.indeterminate %}
|
|
<div class="progress-bar progress-bar-indeterminate"></div>
|
|
{% elsif include.values %}
|
|
{% assign values = include.values | split: ',' %}
|
|
{% for value in values %}
|
|
<div class="progress-bar bg-{{ colors[forloop.index0] }}" style="width: {{ value }}%" role="progressbar" aria-valuenow="{{ value }}" aria-valuemin="0" aria-valuemax="100"></div>
|
|
{% endfor %}
|
|
{% else %}
|
|
<div class="progress-bar{% if include.color %} bg-{{ include.color }}{% endif %}" style="width: {{ percentage }}%" role="progressbar" aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100">
|
|
{% if include.show-value %}
|
|
{{ percentage }}%
|
|
{% else %}
|
|
<span class="sr-only">{{ percentage }}% Complete</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|