Progress Bar ( Shortcode )

Progress Bar

Progress Bar Without Striped

[progress_bar type=”primary” width=”85″]

Progress Bar Without Animation

[progress_bar type=”primary” width=”70″ striped=”true”]

Progress Bar With Animation and Striped

[progress_bar type=”primary” width=”60″ animation=”true” striped=”true”]

Progress Bar With Title

[progress_bar type=”primary” width=”60″ animation=”true” striped=”true” title=”60%”]

Progress Bar Color Variation

[progress_bar type=”primary” width=”43″ animation=”true” striped=”true”]
[progress_bar type=”success” width=”54″ animation=”true” striped=”true”]
[progress_bar type=”info” width=”65″ animation=”true” striped=”true”]
[progress_bar type=”warning” width=”70″ animation=”true” striped=”true”]
[progress_bar type=”danger” width=”85″ animation=”true” striped=”true”]


It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making