jQuery Step Progress Bar Plugin (Original)

Add-ons

2026-07-26 01:02 3 次浏览 • 0 次下载 3.6KB

jQuery Step Progress Bar Plugin (Original)

Plugin description: A step-by-step progress indicator plugin.

Supports switching steps by clicking the step bar or using buttons.

The HTML template code is as follows:

Note: The theme style class name .eis-stepContents is not recommended to be modified.

<div>
    <div>
        <div>
            <h2>hello word</h2>
        </div>
        <div>Step 2</div>
        <div>Step 3</div>
    </div>
</div>

The JavaScript code is as follows:

$(function() {
    $('.box').step({
        stepDirection: 'x', // x represents horizontal steps, y represents vertical steps. Default: x
        showStepButton: true, // Whether to display the Previous and Next step buttons. Default: false
        stepCount: 3, // Number of steps. Default: 3
        stepTitles: ['Title 1', 'Heading 2', 'Heading 3'], // Step title
    });
})