[row]
[column md=”6″]
Basic Progress Bar
[progress striped=”false”]
[progress-bar percent=”70″ xclass=”progress-bar-voondu”]
[progress-bar percent=”100″]
[/progress]
[/column]
[column md=”6″]
Progress Bar with Label
[progress striped=”false”]
[progress-bar percent=”70″ xclass=”progress-bar-voondu” label=”true”]
[progress-bar percent=”100″]
[/progress]
[/column]
[/row]
[row]
[column md=”6″]
Colored Progress Bars
[progress striped=”false”]
[progress-bar percent=”40″ label=”true” type=”success”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”false”]
[progress-bar percent=”50″ label=”true” type=”info”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”false”]
[progress-bar percent=”60″ label=”true” type=”warning”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”false”]
[progress-bar percent=”70″ label=”true” type=”danger”]
[progress-bar percent=”100″]
[/progress]
[/column]
[column md=”6″]
Striped Progress Bars
[progress striped=”true”]
[progress-bar percent=”40″ label=”true” type=”success”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”true”]
[progress-bar percent=”50″ label=”true” type=”info”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”true”]
[progress-bar percent=”60″ label=”true” type=”warning”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”true”]
[progress-bar percent=”70″ label=”true” type=”danger”]
[progress-bar percent=”100″]
[/progress]
[/column]
[/row]
Animated Progress Bars
[progress striped=”true” animated=”true”]
[progress-bar percent=”40″ label=”true” type=”success”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”true” animated=”true”]
[progress-bar percent=”50″ label=”true” type=”info”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”true” animated=”true”]
[progress-bar percent=”60″ label=”true” type=”warning”]
[progress-bar percent=”100″]
[/progress]
[progress striped=”true” animated=”true”]
[progress-bar percent=”70″ label=”true” type=”danger”]
[progress-bar percent=”100″]
[/progress]