mirror of
https://github.com/thegeeklab/hugo-geekblog.git
synced 2024-11-22 13:10:40 +00:00
24 lines
658 B
HTML
24 lines
658 B
HTML
|
{{- $value := default 0 (.Get "value") -}}
|
||
|
|
{{- $title := .Get "title" -}}
|
||
|
|
{{- $icon := .Get "icon" -}}
|
||
|
|
|
||
|
|
|
||
|
|
<div class="gblog-progress">
|
||
|
|
<div class="gblog-progress__label flex justify-between">
|
||
|
|
<div class="gblog-progress__label--name flex align-center">
|
||
|
|
{{ with $icon -}}
|
||
|
|
<svg class="gblog-icon {{ . }}"><use xlink:href="#{{ . }}"></use></svg>
|
||
|
|
{{- end }}
|
||
|
|
{{ with $title }}<span>{{ . }}</span>{{ end }}
|
||
|
|
</div>
|
||
|
|
<div>{{ $value }}%</div>
|
||
|
|
</div>
|
||
|
|
<div class="gblog-progress__wrap">
|
||
|
|
<div
|
||
|
|
class="gblog-progress__bar"
|
||
|
|
data-percent="{{ $value }}"
|
||
|
|
style="width: {{ $value }}%;"
|
||
|
|
></div>
|
||
|
|
</div>
|
||
|
|
</div>
|