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]
