مؤشر الدوران الحلقي وإتاحته | مؤشرات التحميل في بوتستراب 5

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عندما تستغرق عملية جلب البيانات أو معالجة الدفع مدة غير محددة مسبقاً لا يمكن التعبير عنها بنسبة مئوية، نستخدم مؤشرات التحميل لطمأنة المستخدم بأن النظام يستجيب! يُبنى المؤشر الافتراضي .spinner-border في Bootstrap 5.3 بـ HTML وCSS الخالص دون أي صورة متحركة أو جافاسكريبت، ويشترط معيار الإتاحة تزويده بسمة role="status" وبداخله عنصر <span class="visually-hidden">Loading...</span> لقارئات الشاشة.

الصف 2 صورة توضيحية

مخطط مؤشرات التحميل الدوارة والنابضة والتلوين وأزرار الإرسال في بوتستراب 5.3

الصف 3 كود برمجي

HTML

<div class="spinner-border" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

جرّب بنفسك

الصف 4 ملاحظة هامة

Border Spinners and ARIA مؤشر الدوران الحلقي وإتاحته

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (مؤشرات التحميل في بوتستراب 5)