Not precise ruller in slider

[mzeddd]

If I define slider like in example bolow I can see that pointer is not aligned with ruller

Code:

<input class="easyui-slider" style="width:300px" 
    data-options="showTip:true,min:1,max:24,value:12,rule: [1,'|',6,'|',12,'|',18,'|',24]">

[jarry]

Your rule distance values are not considered equal. Please try this instead.

Code:

<input class="easyui-slider" style="width:300px" 
    data-options="showTip:true,min:1,max:24,value:12,rule: [1,'|',6.75,'|',12.50,'|',18.25,'|',24]">

or

Code:

<input class="easyui-slider" style="width:300px" 
    data-options="showTip:true,min:1,max:24,value:12,rule: [1,'|','|','|','|',6,'|','|','|','|','|',12,'|','|','|','|','|',18,'|','|','|','|','|',24]">

[mzeddd]

Thanks,

Second case is OK for me.