Progress bar

How to use

  1. Switch to visual editor
  2. Push on icon “Add Progress bar”
    shortcodes-bar
  3. Add or remove additional attributes

Attributes

  • type = “bar-success, bar-info, bar-warning, bar-danger”
  • id = “”
  • striped = “”
  • width = “”

Type

[fruitful_pbar][fruitful_bar type="progress-bar-success" width="60%" stripped="false"][/fruitful_bar][/fruitful_pbar]
[fruitful_pbar][fruitful_bar type="progress-bar-info" width="70%" stripped="false"][/fruitful_bar][/fruitful_pbar]
[fruitful_pbar][fruitful_bar type="progress-bar-warning" width="80%" stripped="false"][/fruitful_bar][/fruitful_pbar]
[fruitful_pbar][fruitful_bar type="progress-bar-warning" width="90%" stripped="false"][/fruitful_bar][/fruitful_pbar]

Stripped

[fruitful_pbar][fruitful_bar type="progress-bar-info" width="70%" stripped="true"][/fruitful_bar][/fruitful_pbar]