Shortcode Progress Bars

PROGRESS BARS

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

Vélemény, hozzászólás?