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]

Free WordPress Themes