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.