Slider & Progress
Progress
Basic
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.
Bootstrap provides a handful of utilities for setting width. Depending on your needs, these may help with quickly configuring progress.
Backgrounds
Use background utility classes to change the appearance of individual progress bars.
Gradient Backgrounds
Gradient background was able to apply to progress bar as well.
Sizing
Use .progress-sm, .progress-lg or .progress-xl to customize progress size
Multiple bars
Include multiple progress bars in a progress component if you need.
Slider
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!
Horizontal Slider
Vertical Slider
Ranged Slider
Min:
Max:
Tab Drag Slider
Min:
Max: