Jquery滑块具有不同的范围步长

Question

我正在尝试创建一个jQuery UI滑块。此滑块的限制为300，多个范围步骤将转到该数字（例如：0到20，值为“5”步/ 20到50，值为“10”步，等等），如图所示在下面的链接中。

据我所知，我只能放一步值来增加我的滑块。

我见过这个例子：http://www.kelvinluck.com/assets/jquery/ui-slider/slider_test.html但我真的不知道如何实现它。

有人可以帮我找到解决方案吗？