Progress Bar Shortcodes

2 Alternative Styles

  • Solid Style
    33
    Solid Style
    66
    Solid Style
    100
  • Simple Style
    33
    Simple Style
    66
    Simple Style
    100
Get The Code

Solid Style
0

Solid Style
0

Solid Style
0

Simple Style
0

Simple Style
0

Simple Style
0

3 Different Sizes

Small
33
Medium
66
Big
100
Get The Code

Small
0

Medium
0

Big
0

2 Alternative Directions

  • Left Direction
    80
    Left Direction
    60
    Left Direction
    40
  • Right Direction
    80
    Right Direction
    60
    Right Direction
    40
Get The Code

  • Left Direction
    0
    Left Direction
    0
    Left Direction
    0

  • Right Direction
    0
    Right Direction
    0
    Right Direction
    0

Use With Columns

  • Your Satisfaction
    100

    Curabitur vel tempus velit. Proin vestibulum lorem nec ante convallis lacinia. Aliquam erat volutpat. Donec eros orci, iaculis id odio nec, pharetra egestas risus.

  • Our Satisfaction
    100

    Curabitur vel tempus velit. Proin vestibulum lorem nec ante convallis lacinia. Aliquam erat volutpat. Donec eros orci, iaculis id odio nec, pharetra egestas risus.

Get The Code

  • Your Satisfaction
    0
    <p style="text-align:right;">Curabitur vel tempus velit. Proin vestibulum lorem nec ante convallis lacinia. Aliquam erat volutpat. Donec eros orci, iaculis id odio nec, pharetra egestas risus.

  • Our Satisfaction
    0

    Curabitur vel tempus velit. Proin vestibulum lorem nec ante convallis lacinia. Aliquam erat volutpat. Donec eros orci, iaculis id odio nec, pharetra egestas risus.

Custom Colors

  • 38
  • 54
  • 83
Get The Code

0

0

0

All Available Icons

Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • value
    0-100 range
  • direction
    Available Options:
    • right
    • left
  • icon
    Available Options:
    All icons available on Font Awesome site
  • style
    Available Options:
    • simple
    • solid
  • size
    Available Options:
    • small
    • medium
    • big
  • text_color
  • bg_color