→ كل أدوات النصوص

مولد مؤشرات التحميل CSS

مؤشرات وحركات تحميل بـ CSS خالص، بألوانك وحجمك.

  • مجاني
  • بلا تسجيل
  • يعمل على أي جهاز

حول مولد مؤشرات التحميل CSS

اختر مؤشر دوران أو نقاطًا أو أشرطة أو حركة نبض، وحدد لونه وحجمه وانسخ CSS الخالص. لا حاجة إلى صور أو JavaScript، فيظهر مؤشر التحميل فورًا حتى على الاتصالات البطيئة. أضف تسمية نصية أو السمة aria-busy ليعرف مستخدمو قارئات الشاشة أيضًا أن هناك تحميلًا جاريًا.

طريقة استخدام مولد مؤشرات التحميل CSS

  1. اختر نمط محمِّل مثل spinner أو نقاط أو أشرطة.
  2. اضبط اللون والحجم والسرعة لتطابق موقعك.
  3. انسخ HTML وCSS وضعهما حيث يُحمَّل المحتوى.

لماذا تستخدم هذه الأداة؟

تُعرف أيضًا باسم

الأسئلة الشائعة

هل مؤشر تحميل CSS أفضل من GIF؟

عادةً نعم. مؤشرات تحميل CSS صغيرة جدًا، وتتحجم على أي شاشة، وتغيّر لونها بمتغير واحد، وتتجنب طلب شبكة إضافيًا، بينما GIF أثقل وضبابي على الشاشات عالية الكثافة.

كيف أخفي المحمِّل عندما تصبح الصفحة جاهزة؟

أعطِ المحمِّل فئة وأزلها، أو اضبط display none، بسكربت صغير بعد تحميل محتواك. لا يستطيع CSS وحده معرفة متى ينتهي التحميل.

هل يمكنني توسيط المحمِّل على الشاشة؟

ضعه في حاوية بـ position fixed واستخدم توسيط flexbox، ليقع المحمِّل في منتصف منفذ العرض أثناء تحميل المحتوى.

هل مولد مؤشرات التحميل CSS مجانية؟

نعم. استخدام مولد مؤشرات التحميل CSS على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

هل استخدامها آمن؟

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

هل تعمل على هاتفي؟

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

هل أحتاج إلى حساب؟

لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.

هل يمكنني وضع مولد مؤشرات التحميل CSS في موقعي؟

نعم. استخدم زر «ضمّن الأداة في موقعك» أسفل الأداة لنسخ مقطع قصير من الشيفرة ولصقه في صفحتك. الخدمة مجانية، ولا تحتاج إلى حساب، وتبقى الأداة تعمل داخل صفحتك.

أدوات ذات صلة