Slider 范围滑块自定义范围集

我正在尝试创建一个定价滑块。我使用的是基础范围滑块。此滑块将根据用户数量告诉您一个产品每月的成本。我在滑块下面有一个图像，它的比例与用户数成正比

我想定制每个系列项目。所以当你超过25个用户时，它会说125美元。我会对每一个都进行定制，最后一个会说：给我们打电话

我如何做到这一点？我是否向数据选项添加了值

我已经粘贴了我现在在那里的代码

<div class="row">
<div class="small-12 centered-text" style="font-size:4rem;padding-bottom:20px;">
<span>$</span><span id="sliderOutput3"></span><span>/month</span>
</div>
<div class="small-12 columns">
<div class="range-slider" data-slider data-options="start: 125; end: 1125; step: 20;display_selector: #sliderOutput3;">
<span class="range-slider-handle" role="slider" tabindex="0"></span>

</div>

</div>
<div class="small-12 columns">
<img src="http://stage.appdataroom.com/wp-content/uploads/2014/10/pricing_ticker.png"/>
</div>

</div>    

美元/月

谢谢

伊恩