2 Alternative Styles

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

3 Different Sizes

Small
33
Medium
66
Big
100
Get The Code

2 Alternative Directions

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

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

Custom Colors

  • 38
  • 54
  • 83
Get The Code

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