Progress Bar

Progress Bar

HTML
WordPress
Graphic
Design
HTML
WordPress
Graphic
Design
[column size="1/2"]
[[progress name="HTML" percent="60" color="teal"]]
[[progress name="Wordpress" percent="70" color="teal"]]
[[progress name="Graphic" percent="80" color="teal"]]
[[progress name="Design" percent="90" color="teal"]]
[/column]
[column size="1/2" last="true"]
[progress_group]
[progress name="HTML" percent="60" color="teal"]
[progress name="Wordpress" percent="70" color="teal"]
[progress name="Graphic" percent="80" color="teal"]
[progress name="Design" percent="90" color="teal"]
[/progress_group]
[/column]

Usage

Here’re parameters of progress shortcode. progress_group has no parameters.

  • percent: a number from 0 – 100 (%). Default is 90.
  • name: the progress bar name.
  • color: the progress bar color. Its value can be any color: red, blue, green… or a custom color code such as #12dada. Default value is primary.