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