0%
Uix Kit

Form Progress

Progress steps are great for user experience where the user needs to enter data across multiple steps.
Note: If you want to initialize the indicator to a location when the page is first run, you need to call the following function:

$( 'body' ).waitForImages().done(function() {
	$( document ).UixFormProgressToNext({ 
		'selector'         : $( '.uix-form-progress__target .uix-form-progress__target__step' ),
		'formTarget'       : $( '.uix-form-progress__target' ),
		'indicator'        : '.uix-form-progress .uix-form-progress__indicator',
		'index'            : 0
	});
});

Step 1
Step 2
Step 3
Step 4

Step 1

Step 2

Step 3

This is demo.

This is demo.

Step 4

Reset