Progress Bar

Use the [progress] shortcode to create a progress bar in your content. The progress bar width is defined by the width option. The following options can be used in the style parameter:

Options	Description
`uk-progress-mini`	Size modifier for a mini progress bar
`uk-progress-small`	Size modifier for a small progress bar
`uk-progress-primary`	Color modifier for a blue progress bar
`uk-progress-success`	Color modifier for a green progress bar
`uk-progress-warning`	Color modifier for an orange progress bar
`uk-progress-danger`	Color modifier for a red progress bar
`uk-progress-striped`	Add stripes to the progress bar
`uk-active`	Animate a striped progress bar

Simple progress bar

[cms_progressbar value=”40″ striped=”no” style=”” mode=”vertical” item_title=”123″ show_value=”false” cms_template=”cms_progressbar.php”]

Size modifiers

[cms_progressbar value=”40″ striped=”no” size=” uk-progress-mini” style=” uk-progress-primary” cms_template=”cms_progressbar.php”][cms_progressbar value=”50″ striped=”no” size=” uk-progress-small” style=” uk-progress-primary” cms_template=”cms_progressbar.php”][cms_progressbar striped=”no” style=” uk-progress-primary” cms_template=”cms_progressbar.php”]

Colored progress bars

[cms_progressbar value=”30″ striped=”no” style=”” cms_template=”cms_progressbar.php”][cms_progressbar value=”40″ striped=”no” style=” uk-progress-success ” cms_template=”cms_progressbar.php”][cms_progressbar value=”50″ striped=”no” style=” uk-progress-warning ” cms_template=”cms_progressbar.php”][cms_progressbar striped=”no” style=” uk-progress-danger ” cms_template=”cms_progressbar.php”]

Combined options

[cms_progressbar value=”45″ style=” uk-progress-success ” cms_template=”cms_progressbar.php”]