diff options
Diffstat (limited to 'layouts/shortcodes/progress.html')
-rw-r--r-- | layouts/shortcodes/progress.html | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/layouts/shortcodes/progress.html b/layouts/shortcodes/progress.html new file mode 100644 index 0000000..d9da6d4 --- /dev/null +++ b/layouts/shortcodes/progress.html @@ -0,0 +1,23 @@ +{{- $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> |