github.com/square/finch@v0.0.0-20240412205204-6530c03e2b96/docs/themes/hugo-geekdoc/layouts/shortcodes/progress.html (about)

     1  {{- $value := default 0 (.Get "value") -}}
     2  {{- $title := .Get "title" -}}
     3  {{- $icon := .Get "icon" -}}
     4  
     5  
     6  <div class="gdoc-progress">
     7    <div class="gdoc-progress__label flex justify-between">
     8      <div class="gdoc-progress__label--name flex align-center">
     9        {{ with $icon -}}
    10          <svg class="gdoc-icon {{ . }}"><use xlink:href="#{{ . }}"></use></svg>
    11        {{- end }}
    12        {{ with $title }}<span>{{ . }}</span>{{ end }}
    13      </div>
    14      <div>{{ $value }}%</div>
    15    </div>
    16    <div class="gdoc-progress__wrap">
    17      <div
    18        class="gdoc-progress__bar"
    19        data-percent="{{ $value }}"
    20        style="width: {{ $value }}%;"
    21      ></div>
    22    </div>
    23  </div>