Steps

Steps can be a little complicated. The default slider allows us to skip along the slider in a pattern. eg: 0, 20, 40...
Steps are hard-wired in to the slider and so the pips and labels will match the step value.

</>
($)
                <div class="slider"></div>
            
                $(".slider")

                    .slider({ 
                        min: 0, 
                        max: 100, 
                        step: 20 
                    })

                    .slider("pips", {
                        rest: "label"
                    });