Shortcode Progress Bars

[heading size=”1″]PROGRESS BARS[/heading]

 

 

 

NO STRIPED – NO ANIMATED

 

[progress animated_bars=”0″ striped_bars=”0″][bar style=”default” percent_bars=”10″]Loading[/bar][/progress][progress animated_bars=”0″ striped_bars=”0″][bar style=”info” percent_bars=”20″]Loading[/bar][/progress][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]

 

Syntax:

 

[code]

NO STRIPED – NO ANIMATED

 

[progress animated_bars=”0″ striped_bars=”0″][bar style=”default” percent_bars=”10″]Loading[/bar][/progress]
[progress animated_bars=”0″ striped_bars=”0″][bar style=”info” percent_bars=”20″]Loading[/bar][/progress]
[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][/code]

STRIPED – NO ANIMATED

 

[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]

 

Syntax:

 

[code][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][/code]

STRIPED – ANIMATED

 

[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]

 

Syntax:

 

[code][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][/code]