Live demo: Progress Bar

[steps type="progress" bar_color="#1e90ff" bg_color="#ddd" text_color="#fff"]
	[step title="General Information" prev="Back" next="Continue" align="right"]
		[row]
			[column]
				[text name="text_476" value="" label="Name" desc="Please, enter your name"]
			[/column]
			[column]
				[email name="email_476" value="" label="Email" desc="Please, enter your email"]
			[/column]
		[/row]
	[/step]
	[step title="Informational Step" prev="Back" next="Continue" align="right"]
		You can add an informational step without fields.
		This can be used to inform the user about something specific, for example, Did you noticed that buttons are [b]aligned to the right[/b]?
		In addition, for this multi-step form we setup the previous and next buttons with the labels "Back" and "Continue".
	[/step]
	[step title="Final Step" prev="Back" next="Finish" align="right"]
		[select* name="select_161" value="" label="Do you like BBForms?" placeholder="Please, choose an option"]
		Yes
		No
		[/select]
	[/step]
[/steps]