أضف خطوات التقدم إلى النماذج باستخدام هذا البرنامج المساعد jQuery

معظمنا يعرف عن أشرطة التقدم وكيف تعمل هذه في تصميم واجهة المستخدم. أنها تساعد على تحديد أوقات تحميل الصفحات ، تحميل النماذج ، وفترات تأخير مماثلة بين الصفحات.

لكن خطوات التقدم مختلفة قليلا. هذه تعمل مثل فتات التصفح في الجزء العلوي من الصفحة لتوجيه المستخدمين من خلال عملية خطوة بخطوة (عادةً نماذج الاشتراك والخروج).

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

يعمل المكون الإضافي بالكامل على jQuery ويتم إصداره مجانًا على GitHub.

يمكنك تشغيل هذه خطوات التقدم كميزات متعددة الصفحات التي توجه الزائر من خلال صفحات مختلفة على موقعك. أو يمكنك تشغيل هذا كخطوة Ajax التي تنقل المستخدم من خلال نفس الصفحة مع حقول النموذج الديناميكي.

في خيارات البرنامج المساعد ، ستجد إعدادات لتغيير “بداية” الموضع وأزرار التذييل والأزرار الأمامية / الخلفية والمزيد.

هناك أيضًا عدد قليل جدًا من الأحداث التي يمكنك استهدافها باستخدام وظائف رد الاتصال المخصصة الخاصة بك كلما تقدم المستخدم خطوة التقدم ، أو عندما يصل المستخدم إلى النهاية.

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

ملاحظة فقط: يقتصر دعم المستعرض على المستعرضات الحديثة ، وبالنسبة لمتصفحات Microsoft ، تم اختبار هذا فقط في الإصدار IE 11. إذا كنت تتطلع إلى دعم المتصفحات الأقدم ، فستحتاج إلى إجراء بعض الاختبارات بنفسك ، أو حاول إنشاء مخصص طرق احتياطية للتعامل مع المستخدمين القديمة.

بالتأكيد واحدة من أسهل الإضافات خطوة التقدم رأيته في حياتي ويجب أن تلعب لطيفة مع الإضافات jQuery الأخرى أيضا.

ألق نظرة سريعة على الصفحة الرئيسية للحصول على عرض توضيحي مباشر إلى جانب خيارات JS المخصصة وزر التنزيل لسحب نسخة من الكود بنفسك.