Menu icon Foundation
What calculations are used to move the slider handle?

Hello,

I am trying to create a marker for every step in my slider and need to know how the left position is calculated so I can draw the markers in the same spot. Here is the code i am referring to.

Any help would be appreciated, thank you.

 

<span id="slider-handle-js" class="slider-handle" data-slider-handle="" role="slider" tabindex="0" aria-controls="0xz45k-slider" aria-valuemax="3000" aria-valuemin="0" aria-valuenow="400" aria-orientation="horizontal" style="left: 12.75%;"></span>

 

 

javascriptsliderFoundationcontrols

Hello,

I am trying to create a marker for every step in my slider and need to know how the left position is calculated so I can draw the markers in the same spot. Here is the code i am referring to.

Any help would be appreciated, thank you.

 

<span id="slider-handle-js" class="slider-handle" data-slider-handle="" role="slider" tabindex="0" aria-controls="0xz45k-slider" aria-valuemax="3000" aria-valuemin="0" aria-valuenow="400" aria-orientation="horizontal" style="left: 12.75%;"></span>