Implement wizard step UI navigation with jquery slider in MVC view

see this registration wizard
http://flowplayer.org/tools/demos/scrollable/wizard.html

there are many wizard plugin available
http://plugins.jquery.com/plugin-tags/content-slider
http://www.downloadjavascripts.com/list/javasitejj91/Details.aspx
http://worcesterwideweb.com/jquery/wizard/

Ideally I want something from the jquery core like this

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

I need a code snippet of how to pass the number of questions to the slider so it progresses correctly.

If i have understood the requirement correctly, you are looking for
Number of steps in the wizard
http://jqueryui.com/demos/slider/#option-step

<<I need a code snippet of how to pass the number of questions to the slider so it progresses correctly.>>
How would you like to distribute the questions among screens?

What I do is have an MVC ActionResult that returns one question at a time.

My view inherits from a viewmodel that passes in the total number of questions and the current question.

If you give min as '1' and max as 'number of questions', doesn't that give you what you are looking for?
$("#slider-range-max").slider({
                  range: "max",
                  min: 1, \\starting point
                  max: 10, \\number of questions
                  value: 2,
                  slide: function(event, ui) {
                        $("#amount").val(ui.value);
                  }
            });

Hi Yes

It does but I am unsure of how to pass this to the jquery function from hidden fields in my view

So in my view I have

 <input name="currentQuestionNo" type="hidden" value="<%Model.customer.qustID%>" />
<input name="totalQuestions" type="hidden" value="<%Model.customer.qustID%>" />


How can I pass  questionNo to the jquery

$("#slider-range-max").slider({
                  range: "max",
                  min: 1, \\starting point
                  max: 10,                          // totalQuestions from hidden field
                  value: 2,                                 //currentQuestionNo  from hidden field
                  slide: function(event, ui) {
                        $("#amount").val(ui.value);
                  }
            });

Make it

$("#slider-range-max").slider({
                  range: "max",
                  min: 1,
                  max: $(input[name='totalQuestions']).value,
                  value: 2,                                
                  slide: function(event, ui) {
                        $("#amount").val(ui.value);
                  }
            });

Thanks but if I try that I get "input undefined"

Its on the
 max: $(input[name='totalQuestions']).value,

thanks for the points