Progress Bar

[heading h=”h2″]Progress Bar[/heading]

[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]

[spacer /]

[pre][[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]][/pre]

[hr /]

Usage

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

[list type=”plus”]

  • 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.

[/list]

Leave a Reply

Your email address will not be published. Required fields are marked *