شرح صفوف ومحتوى الفقرة
يُعد عنصر شريط السحب الرقمي <input type="range"> أداة مثالية لضبط مستويات الصوت أو سطوع الشاشة أو سقف الميزانية أو سعة التخزين السحابي، غير أن مظهره الأصلي يختلف جذرياً بين محركات Chromium وFirefox وSafari.
يحل الكلاس الحديث .form-range في Bootstrap 5 (بديلاً عن الكلاس الملغى custom-range) هذه الفجوة عبر تنسيق مسار السحب الخلفي ومقبض الدائرة الزرقاء وحلقة التركيز المضيئة بمظهر موحد وعرض كامل 100%، مع ضرورة ربطه دائماً بتسمية <label class="form-label"> واضحة.
HTML
<label for="volRange" class="form-label">
Audio Volume
</label>
<input type="range" class="form-range" id="volRange">