Use sliders by adding data-ui="slider", very easy to implement. Default slider theme is dark, but its also available with a light theme by adding class slider-light. Slider also support all colors, you can use class ui-slider-black, ui-slider-teal, etc.

Sliders

Sliders light

Sliders vertical

Sliders sizes

Progress bars

Progress bars For loading, redirecting, or action status

Browser support

Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox. Versions earlier than Internet Explorer 10 and Opera 12 do not support animations.

60%
45%

Additional colors

Progress bars use some of the same button and alert classes for consistent styles. Also support all colors.

Striped bars

Sizes