How to create simple range slider in ASP.NET MVC 3?

Question

How to create simple range slider in ASP.NET MVC 3 without using external libraries such as telerik or any other?

Answer 1

MVC uses javascript to perform dynamic operations at the client side. Creating a slider using images and javascript will take much time and extensive research which some opensource libs have already done.

Jquery and Jqueryui is one such lib which is open source and *Microsoft also includes these libs whenever you create a MVC project in scripts folder. Check the scripts folder in your MVC project and you can see something like jquery-ui-1.8.11.js (version may vary)

Slider sample with jqueryui:

http://jqueryui.com/demos/slider/