Dynamic Step Process Panels – displayed as a popup

This example show Dynamic Step Process Panels displayed as a popup. To close popup just click somewhere outside it.

Features:
- displayed as a popup,
- 5 steps,
- diffrent steps width,
- free choice mode,
- first step selected,
- every step can be choosed again,
- fade effect speed 1 second,
- style maroon-gray,
- previous and next buttons

<a class="button_gray buttonPopup" href="#processPanel_example5-popup""></a>
[dspp id='example5']

Some content for step three

Some content for step four

Some content for step five

 

 

Static content

This example show Dynamic Step Process Panels with option that disallow to choose the same step two times.

Features:
- displayed as a popup,
- 4 steps,
- step-by-step mode,
- steps can't be choosed again,
- first step selected,
- fade effect disabled,
- style blue-orange,
- previous and next buttons,
- step labels

<a class="button_blue buttonPopup" href="#processPanel_example7-popup"></a>
[dspp id='example7']

Just another example.

Features:
- displayed as a popup,
- 2 steps,
- free choice mode,
- first step selected,
- fade effect speed 1 second,
- previous and next buttons,
- previous and next buttons placed on the top,
- style maroon-green,
- step labels

<a class="button_maroon buttonPopup" href="#processPanel_example8-popup"></a>
[dspp id='example8']

Just another example.

Features:
- displayed as a popup,
- 3 steps,
- free choice mode,
- first step selected,
- steps can't be choosed again,
- fade effect speed 1 second,
- style orange-blue,
- step labels

<a class="button_orange buttonPopup" href="#processPanel_example9-popup"></a>
[dspp id='example9']