Solved

Progress Bar in a Wizard like form

Posted on 2004-08-13
1
302 Views
Last Modified: 2006-11-17
Hi

I wanted to create a progress bar in this form wizard we use.

Basically there are between 3 and 7 steps in completing the wizard.  The number of steps is determined by a few things that the user answers up front on a form, from that point on, we then know how many steps in the wizard.

I want to display a progress bar in my page in a <tr></tr>

How can I do this on the client-side? Or should I do this on server side (Im using ColdFusion)

There are next buttons in our wizard, so I guess we could do it server side, but wanted to see if someone has a Javascript solution?

Thanks,

-West
0
Comment
Question by:Westside2004
1 Comment
 
LVL 4

Accepted Solution

by:
aratani earned 250 total points
ID: 11798765
http://www.hotscripts.com/cgi-bin/search.cgi?bool=AND&query=progress+bar&catid=26

I would look at that first and see if you can modify any code to produce what you want. If you want me to modify a code for you, to put it up there I would. Personally, I would pick the following progress bar from the results above,

http://www.hotscripts.com/Detailed/9457.html

It looks the best and you can control it through and external function to increase the size of the status bar.

I hope this helps,

Take care

AJ
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Questions about this React unit test 4 43
Javascript closure 1 34
Message not shown 5 31
how can apply the following conditionals: 5 13
When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

25 Experts available now in Live!

Get 1:1 Help Now