أشرطة التقدم
الأرقام تخبر، ولكن العناصر المرئية تبيع. عندما تحتاج إلى إظهار الخبرة، أو إكمال المشروع، أو أهداف الحملة، تنخفض النسبة المئوية البسيطة. يقوم عنصر أشرطة التقدم في الإضافات الرئيسية بتحويل الإحصائيات إلى صور واضحة ومقنعة. قم بإنشاء أشرطة فردية أو مجموعات كاملة لعرض المهارات أو أهداف جمع التبرعات أو معالجة المعالم الرئيسية. التحكم في قيمة كل شريط ولونه وأسلوبه بشكل مستقل. ثم قم بتصميم الملصقات والأرقام لتتناسب مع موقعك. إنها أبسط طريقة لإضافة المصداقية والوضوح، وإثبات التقدم في لمحة واحدة فقط.
إدارة شريط التقدم والتحكم في القيمة الفردية
هل تحتاج إلى شريط واحد أم عشرة؟ لا مشكلة. ابدأ بمكرر Progress Bars وانقر فوق إضافة عنصر لإنشاء أكبر عدد تريده من أشرطة التقدم. لكل شريط، قم بتعيين عنوان واضح (مثل “Web Design”) وقيمة النسبة المئوية الدقيقة له (مثل 87). يمكنك أيضًا تعيين لون شريط فريد لكل شريط مباشرةً من لوحة المحتوى. إعادة ترتيب الأشرطة أو حذفها في أي وقت.
- أشرطة غير محدودة: أضف أشرطة التقدم وأزلها وأعد ترتيبها بحرية باستخدام الزر + إضافة عنصر.
- تخصيص الشريط الفردي: قم بتعيين عنوان فريد وقيمة النسبة المئوية ولون الشريط لكل شريط في القائمة.
- تعديل القيمة المباشرة: قم بتغيير رقم النسبة المئوية في أي وقت، ويتم تحديث عرض ملء الشريط تلقائيًا.
تصميم شريط التقدم البصري وتصميم الهيكل
تحكم في ارتفاع شريط التقدم لجعلها جريئة وسميكة أو رفيعة ودقيقة. اضبط لون Bar BG (المسار الفارغ) ولون Active Bar النابض بالحياة (جزء التعبئة). استخدم عناصر التحكم في Border Radius لإنشاء أشرطة مستطيلة حادة أو عدادات ناعمة على شكل حبة. اضبط التباعد الرأسي بين الأشرطة في المجموعة لضمان تخطيط نظيف يسهل قراءته.
- نظام ثنائي اللون: قم بتعيين لون الخلفية ولون التعبئة النشط بشكل مستقل للحصول على تباين واضح.
- أبعاد الشريط: تحكم في ارتفاع الشريط ونصف قطر الحدود للحصول على شكل وتناسب مثاليين.
- التباعد الذكي: استخدم التباعد العمودي لإضافة مساحة للتنفس بين أشرطة التقدم المكدسة.
الأسئلة المتداولة لأشرطة التقدم
هل يمكنني تحريك الأشرطة بحيث تمتلئ عندما يقوم المستخدم بالتمرير إليها؟
هذه ميزة قياسية ومتوقعة لأشرطة التقدم. عادةً، ستكون الأشرطة ثابتة في المحرر ولكنها تتحرك من 0% إلى قيمتها المحددة عندما تظهر في مرمى نظر المشاهد على الصفحة المباشرة. تحتوي الإضافات الرئيسية بالفعل على هذه الميزة. ولكن لا يوجد خيار أمامك لتغيير الرسوم المتحركة.
ما هو أفضل استخدام لأشرطة التقدم هذه؟
فهي متعددة الاستخدامات بشكل لا يصدق! تشمل الاستخدامات الشائعة ما يلي:
- المهارات والخبرة: على صفحة “About Us” أو السيرة الذاتية.
- حالة المشروع: إظهار نسبة الإنجاز للحملات أو الأهداف.
- متتبعو جمع التبرعات: تصور التبرعات مقابل الهدف.
- جداول الأسعار والميزات: تسليط الضوء على حدود الخطة (على سبيل المثال، “Storage: 80% تستخدم”).
هل تستجيب أشرطة التقدم على الهاتف المحمول؟
نعم. يجب أن يتم تقليص الأشرطة وارتفاعها وتباعدها وطباعة النص بشكل مناسب على الأجهزة المحمولة. يمكنك استخدام وضع التحرير سريع الاستجابة الخاص بـ Elementor لضبط ارتفاع الشريط أو أحجام الخطوط خصيصًا للجوال إذا لزم الأمر.
هل يمكنني استخدام التدرج للون الشريط النشط بدلاً من اللون الصلب؟
لا. في الوقت الحاضر لا يوجد خيار لاختيار لون متدرج بدلاً من اللون الصلب لـ Elementor شريط التقدم. إذا كنت تفضل استخدام لون التدرج فلدينا الحل المناسب لك. لو سمحت أوصل لنا رسالة.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
