<!-- default -->
    <div class="slider_0 wrap">
        <div class="pp_slider">
            <input class="pp_slider_input" type="range" min="-100" max="100" step="1" start="0" style="display:none">
        </div>
    </div>
    <script>
        var el0 = Selector.$$('.slider_0 .pp_slider')[0];
        this.slider0 = new SliderBar.App(el0, {
            // no options
        });
    </script>
    <!-- steps mode -->
    <div class="slider_1 wrap">
        <div class="pp_slider">
            <input class="pp_slider_input pp_hide" type="range" min="-5" max="5" step="1" start="0" mode="steps" style="display:none">
        </div>
    </div>
    <script>
        var el1 = Selector.$$('.slider_1 .pp_slider')[0];
            this.slider1 = new SliderBar.App(el1, {
                // no options
            });
    </script>
    <div class="slider_2 wrap">
        <div class="pp_slider">
            <input class="pp_slider_input pp_hide" type="range" min="-5" max="5" step="0.0025" start="0" style="display:none">
        </div>
    </div>
    <script>
        var el2 = Selector.$$('.slider_2 .pp_slider')[0];
        this.slider2 = new SliderBar.App(el2, {
            // override
            min: 0.4, 
            max: 1.2, 
            start: 1, 
            current: 1
        });
    </script>