شريط التقدم
في بعض الأحيان، يكون الرقم الواحد هو الأكثر أهمية. هدف جمع التبرعات، ومعلم المشروع، وإتقان المهارات. يجعل عنصر شريط التقدم من Master Addons هذا المقياس الفردي بمثابة قطعة مركزية مرئية. اختر من بين أنماط جذابة متعددة تصميمات كلاسيكية للخط أو الدائرة الشعاعية أو تصميمات فريدة للمروحة والفقاعة. قم بتعيين قيمة هدفك، ثم قم بتخصيص كل جزء. إنه العنصر المثالي أو عنصر شريط التقدم لتركيز الانتباه وتصور الإكمال وتحفيز العمل حول هدف رئيسي واحد.
إعدادات مسبقة متعددة للنمط المرئي
يمكن عرض رقم واحد بعدة طرق. حدد النمط المرئي الذي يناسب شخصية صفحتك. اختر شريط الخط البسيط والنظيف للتخطيطات الأفقية. اختر الدائرة للحصول على مقياس شعاعي مدمج. اجعلها مرحة مع شكل المروحة أو أضف فقاعة ديناميكية تتحرك مع التقدم على نمط الخط. يقدم كل إعداد مسبق طريقة مميزة لتصور التقدم، مما يضمن أن يكون شريط التقدم الخاص بك دائمًا جزءًا لا يتجزأ من التصميم، وليس فكرة لاحقة.
- أربعة أنماط مميزة: اختر من بين الإعدادات المسبقة للخط والدائرة والمروحة والفقاعة الخطية.
- شعاعي مقابل خطي: استخدم الدائرة والمروحة لمؤشرات التقدم الشعاعية المدمجة في المساحات الضيقة.
- Animated Bubble: يضيف نمط Line Bubble نقطة نهاية متحركة تسلط الضوء على القيمة الحالية.
تخصيص المحتوى والقيمة
يعد إعداد شريط التقدم الخاص بك أمرًا مباشرًا. في علامة التبويب "المحتوى"، أعطه عنوانًا ذا معنى مثل “Project Funding” أو “Customer Satisfaction.” ثم قم بتعيين القيمة 0، النسبة المئوية المهمة التي تحدد مدى امتلاء الشريط أو الدائرة. هذه العملية البسيطة المكونة من خطوتين هي كل ما تحتاجه للحصول على مؤشر تقدم ديناميكي وظيفي مباشر على صفحتك.
- الإدخال البسيط: حقلان فقط: العنوان والقيمة (النسبة المئوية).
- المعاينة المباشرة: راجع تحديث العنوان وقيمة النسبة المئوية في المحرر أثناء الكتابة.
- العرض الديناميكي: يتم ضبط ملء الشريط أو الدائرة أو المروحة تلقائيًا على النسبة المئوية المحددة التي تدخلها.
تصميم شريط التقدم
قم بتصميم الشريط الخلفي (المسار أو الخلفية الفارغة) والشريط الأمامي (التعبئة الملونة) بشكل مستقل. بالنسبة للشريط الأمامي، اختر لونه وتحكم في عرضه (أو سمكه). بالنسبة للشريط الخلفي، قم بتعيين اللون والنمط الخاص به. يتيح لك هذا الفصل جعل التقدم المتقدم يبرز بوضوح على الخلفية، مما يضمن أقصى قدر من سهولة القراءة والتأثير البصري.
- تصميم الشريط المزدوج: قم بتصميم الشريط الأمامي (التقدم) والشريط الخلفي (المسار) بألوان مختلفة تمامًا.
- التحكم في السُمك: اضبط عرض تعبئة التقدم، وهو مفيد بشكل خاص لأنماط الخط والدائرة.
- التسلسل الهرمي المرئي الواضح: استخدم ألوانًا متباينة لجعل الجزء المكتمل واضحًا على الفور.
تصميم العلامات والقيمة
استخدم أقسام تصميم العنوان والقيمة لتصميم النص الخاص بك. اضبط لون العنوان واختر خط الطباعة والحجم والوزن. يمكن تصميم القيمة (رقم النسبة المئوية) للتأكيد، مما يجعلها في كثير من الأحيان أكبر أو أكثر جرأة من العنوان. يضمن هذا الأسلوب المتكامل أن تبدو جميع عناصر شريط التقدم الخاص بك وكأنها مكون موحد ومصمم خصيصًا.
- التصميم الخاص بالنص: عناصر تحكم منفصلة لتصميم تسمية العنوان ونسبة القيمة.
- التحكم في الطباعة: استخدم لوحة الطباعة للتحكم الدقيق في الخط على نص العنوان.
- التركيز على الرقم: غالبًا ما يتم تصميم القيمة لتكون أكثر بروزًا، مما يلفت الانتباه إلى المقياس الرئيسي.
الأسئلة المتداولة لشريط التقدم
ما هو الفرق الرئيسي بين هذا وعنصر "Progressbars" (المجموعة)؟
هذا العنصر مخصص لمؤشر تقدم واحد متميز. فهو يوفر إعدادات مسبقة فريدة للشكل (الدائرة، المروحة، الفقاعة) وهو مصمم ليكون نقطة محورية. ال عنصر بروجريسبارز مخصص لإنشاء قوائم أو مجموعات من أشرطة متعددة (مثل قائمة المهارات)، كل ذلك بأسلوب خطي مماثل.
هل يتم تحريك الشريط/الدائرة عند تحميل الصفحة؟
نعم عادة. لإشراك الزوار، يجب أن يتم تحريك تعبئة التقدم (الشريط الأمامي) من 0% إلى القيمة المحددة الخاصة بك عندما يظهر العنصر على الصفحة، مما يخلق تأثيرًا ديناميكيًا سلسًا.
هل يمكنني استخدام أسلوب الدائرة لإظهار درجة من 100؟
قطعاً. نمط الدائرة (والمروحة) مثالي لهذا الغرض. اضبط قيمتك على النتيجة (على سبيل المثال، 85 مقابل 85%). سوف يملأ العنصر القوس الشعاعي وفقًا لذلك، مما يؤدي إلى إنشاء مقياس واضح أو تصور تصنيف.
هل "الفقاعة" بأسلوب Line Bubble قابلة للتخصيص؟
نعم. يوجد إعداد لون الفقاعة وموضع الفقاعة. يمكنك تغيير لون الفقاعة وضبط مكانها على طول المسار بالنسبة إلى نقطة نهاية التعبئة.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
