اسلایدر محدوده

محدوده پیش‌فرض 
<input type="range" class="form-range" id="customRange1">
محدوده غیرفعال 
<input type="range" class="form-range" id="disabledRange" disabled>
محدوده با گام‌ها 
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">
محدوده با مقادیر حداقل و حداکثر 
<input type="range" class="form-range" min="0" max="5" id="customRange2">
بدون اسلایدر رابط کاربری :
استایل گرد
استایل مربعی
استایل پیش‌فرض
دسته‌های مناسب
قفل کردن اسلایدرها
اسلایدر با ابزار راهنمای ترکیب شده
اسلایدر انتخاب رنگ
اسلایدر غیرخطی
ابزار راهنمای دسته‌های کشویی
تغییر وضعیت اسلایدر
عناصر متصل رنگی
حرکت تغییر وضعیت با کلیک روی پیپ‌ها
محدودیت‌های نرم
اسلایدر رنگ‌ها بدون UI:
اصلی
موفق
خطر
ثانویه
هشدار
اطلاع‌رسانی