PROGRESS BARS

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

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

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