CODEWITHSUNDEEP
jqueryhtmlinputtypesrange
Subhajit Das
Subhajit Das

Reputation: 499

input type range fixed between min and max value

I want to fix drag input type range in between a max and a min value. My input type range has its min value 0 and max value 100. I want to control this drag between 20 to 80.

How to do it??

P.S. I am using normal jQuery.

I have done this much, now I want to control its dragging between a range, but I want to show the 100% range, user can only drag between 20 to 80

[code Fiddle][1]

I have found this link in stackover. I was trying to edit it but I couldn't find the solution.

Fiddle

Upvotes: 0

Views: 2121

Answers (2)

ItzMe_Ezhil
ItzMe_Ezhil

Reputation: 1406

Demo: http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html Check the Set "maximum interval size:" demo

<script>
$("#range_120").ionRangeSlider({
type: "double",
min: 0,
max: 100,
from: 30,
to: 70,
max_interval: 50   
});
 <script>

Upvotes: 1

Sean Hood
Sean Hood

Reputation: 118

This can be accomplished using HTML5 Range sliders:

<input id="slider1" type="range" min="20" max="80" step="10" />

Source: http://www.html5tutorial.info/html5-range.php

Upvotes: 0

Related Questions