hugo-geekdoc/exampleSite/content/en/shortcodes/progress.md

954 B

title
Progress

A progress bar shows how far a process has progressed.

Usage

{{</* progress title=Eating value=65 icon=gdoc_heart */>}}

Attributes

{{< propertylist name=shortcode-progress sort=name order=asc >}}

Example

{{< progress title=Eating value=65 icon=gdoc_heart >}}

{{< progress title="Type: note" value=10 icon=gdoc_heart type=note >}}

{{< progress title="Type: tip" value=70 icon=gdoc_heart type=tip >}}

{{< progress title="Type: important" value=30 icon=gdoc_heart type=important >}}

{{< progress title="Type: caution" value=90 icon=gdoc_heart type=caution >}}

{{< progress title="Type: warning" value=80 icon=gdoc_heart type=warning >}}