Basic Progress

Progress components are built with two HTML elements, some CSS to set the width, and a few attributes, ensuring you can stack progress bars, animate them, and place text labels over them.

Backgrounds Progress

Use background utility classes to change the appearance of individual progress bars.

Multiple bars

Include multiple progress bars in a progress component if you need.

noUiSlider Basic

noUiSlider is a range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices, including iPhone, iPad, Android devices & Windows (Phone) 8 desktops, tablets and all-in-ones. It works on desktops too, of course!

noUiSlider Vertical

Vertical Slider.

noUiSlider Ranged Slider

Ranged Slider.

Min:

Max:

noUiSlider Slider with Steps

Steps Slider.