Home » Shortcode Progress Bars

Shortcode Progress Bars

PROGRESS BARS

 

 

 

NO STRIPED – NO ANIMATED

 

Loading
Loading
Loading
Loading
Loading

 

Syntax:

 

</p>
<p>NO STRIPED - NO ANIMATED</p>
<p> </p>
<p>[progress animated_bars="0" striped_bars="0"][bar style="default" percent_bars="10"]Loading[/bar][/progress]<br />
[progress animated_bars="0" striped_bars="0"][bar style="info" percent_bars="20"]Loading[/bar][/progress]<br />
[progress animated_bars="0" striped_bars="0"][bar style="success" percent_bars="30"]Loading[/bar][/progress][progress animated_bars="0" striped_bars="0"][bar style="warning" percent_bars="40"]Loading[/bar][/progress][progress animated_bars="0" striped_bars="0"][bar style="danger" percent_bars="50"]Loading[/bar][/progress]

STRIPED – NO ANIMATED

 

Loading
Loading
Loading
Loading
Loading

 

Syntax:

 

[progress animated_bars="0" striped_bars="1"][bar style="default" percent_bars="10"]Loading[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="info" percent_bars="20"]Loading[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="success" percent_bars="30"]Loading[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="warning" percent_bars="40"]Loading[/bar][/progress][progress animated_bars="0" striped_bars="1"][bar style="danger" percent_bars="50"]Loading[/bar][/progress]

STRIPED – ANIMATED

 

Loading
Loading
Loading
Loading
Loading

 

Syntax:

 

[progress animated_bars="1" striped_bars="1"][bar style="default" percent_bars="10"]Loading[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="info" percent_bars="20"]Loading[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="success" percent_bars="30"]Loading[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="warning" percent_bars="40"]Loading[/bar][/progress][progress animated_bars="1" striped_bars="1"][bar style="danger" percent_bars="50"]Loading[/bar][/progress]