Progress bar – Clementine Cafe

Now open for lunch! Check out our instagram for St. Patrick's Day Specials!

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...