↓Skip to main content
  1. Snippits & Exemplars/
  2. WolfspyreLabs Exemplars/
  3. WolfspyreLabs Shortcodes/

Progress

🐺 progress
Display a progress bar.

This shortcode came from Hugo Geekblog1 2

Usage #

Positional use #

Percentage only #

{{< progress 30>}}

progress
30%
Percentage and title #

{{< progress 40 “Eating” >}}

Eating
40%
percentage, title, and icon #

{{< progress 50 “Eating” “shield-dog” >}}

 Eating
50%
❤️

Named Parameter usage #

Percentage only #

{{< progress value=“60” >}}

progress
60%
Percentage and title only #

{{< progress value=“70” title=“Eating” >}}

Eating
70%
Percentage, Title, and Icon #

{{< progress value=“80” title=“Eating” icon=“bolt” >}}

 Eating
80%

  1. https://hugo-geekblog.geekdocs.de ↩︎

  2. https://github.com/thegeeklab/hugo-geekblog ↩︎