Shortcodes

IF YOU CAN DREAM IT, YOU CAN DO IT

Progress bar

Use the Progress Bar element 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

Size modifiers

Colored progress bars

Combined options

loading...