Geekdocs
GitHub Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Back to homepage

Progress

A progress bar shows how far a process has progressed.

Usage

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

Attributes

icon optional string
Icon to use. The value need to be an icon from an SVG sprite.
Default: none
title optional string
Title text of the progress bar.
Default: none
type optional string
Color type of the progress bar. Supported values are main|note|tip|important|caution|warning.
Default: main
value optional integer
Progress value.
Default: 0

Example

Eating
65%
Type: note
10%
Type: tip
70%
Type: important
30%
Type: caution
90%
Type: warning
80%