เพิ่มขั้นตอนความคืบหน้าไปยังแบบฟอร์มด้วยปลั๊กอิน jQuery นี้

พวกเราส่วนใหญ่รู้เกี่ยวกับแถบความคืบหน้าและวิธีการทำงานของเหล่านี้ในการออกแบบ UI พวกเขาช่วย กำหนดเวลาโหลดหน้าฟอร์มอัพโหลดและช่วงเวลาล่าช้าที่คล้ายกัน ระหว่างหน้า.

แต่ ขั้นตอนความคืบหน้า แตกต่างกันเล็กน้อย การทำงานเช่น breadcrumbs ที่ด้านบนของหน้าเพื่อแนะนำผู้ใช้ผ่านกระบวนการทีละขั้นตอน (โดยปกติจะเป็นแบบฟอร์มสมัครและชำระเงิน).

ด้วย jQuery Steps ที่คุณสามารถทำได้ เพิ่มขั้นตอนความคืบหน้าที่กำหนดเองลงในหน้าใด ๆ ได้อย่างรวดเร็ว ของเว็บไซต์ของคุณ.

ปลั๊กอินทั้งหมดทำงานบน jQuery และปล่อยฟรีใน GitHub.

คุณสามารถเรียกใช้เหล่านี้ ขั้นตอนความคืบหน้าเป็นคุณสมบัติหลายหน้า ที่แนะนำผู้เข้าชมผ่านหน้าต่างๆในเว็บไซต์ของคุณ หรือคุณสามารถเรียกใช้สิ่งนี้เช่นขั้นตอน Ajax ที่จะย้ายผู้ใช้ ผ่านหน้าเดียวกัน ด้วยเขตข้อมูลฟอร์มแบบไดนามิก.

ในตัวเลือกปลั๊กอินคุณจะพบการตั้งค่าสำหรับการเปลี่ยน “เริ่มต้น” ตำแหน่งปุ่มส่วนท้ายปุ่มไปข้างหน้า / หลังและอีกมากมาย.

นอกจากนี้ยังมีกิจกรรมบางอย่างที่คุณสามารถกำหนดเป้าหมายด้วยฟังก์ชั่นการโทรกลับที่กำหนดเองของคุณเองเมื่อใดก็ตามที่ผู้ใช้เลื่อนขั้นตอนความคืบหน้าหรือเมื่อใดก็ตามที่ผู้ใช้ถึงจุดสิ้นสุด.

ทุกสิ่งถือว่าเป็นปลั๊กอินที่ค่อนข้างใหม่ ไม่มีตัวเลือกมากมายให้เลือก. แต่มันเป็นหนึ่งในปลั๊กอินที่ดีที่สุดที่คุณจะพบในการสร้างคุณลักษณะขั้นตอนความก้าวหน้าที่กำหนดเองเหล่านี้.

เพียงทราบ: การสนับสนุนเบราว์เซอร์ส่วนใหญ่จะ จำกัด เฉพาะเบราว์เซอร์ที่ทันสมัยและสำหรับเบราว์เซอร์ Microsoft นี้ได้รับการทดสอบใน IE 11 เท่านั้นหากคุณต้องการสนับสนุนเบราว์เซอร์รุ่นเก่าคุณจะต้องทำการทดสอบด้วยตัวเองหรือลองสร้างเอง วิธีสำรองทางเลือกเพื่อจัดการผู้ใช้ดั้งเดิม.

แน่นอนหนึ่งใน ปลั๊กอินขั้นตอนความคืบหน้าที่ง่ายที่สุดที่ฉันเคยเห็น และควรเล่นกับปลั๊กอิน jQuery อื่น ๆ ด้วย.

ลองดูที่หน้าแรกอย่างรวดเร็วเพื่อดูการสาธิตสดพร้อมกับตัวเลือก JS ที่กำหนดเองและปุ่มดาวน์โหลดเพื่อดึงสำเนาของรหัสสำหรับตัวคุณเอง.