如何更改每个滑块部分的长度？

Question

滑块根据滑块的范围分为多个部分。 例如如果滑块中的范围是1，那么默认情况下滑块分为两个部分，要将滑块设置为“1”，我必须将滑块移动到中间点，这不是很好用UX点所以我正在寻找一种可以减少默认部分长度的方法，以便滑块移动时可以改变滑块值。 上面，

• 第一张图片显示范围为1的滑块。
• 第二张图片显示滑块设置为1，方法是点击中途滑块。

我正在使用con模板和角度js。

php文件中的代码段： -

<span class="range-field">
                        <input ng-model="diff.setvalue" type="range" min="0" max="{{diff.maxvalue}}" 
                            value="0" style="display:inline"/>
                    </span>