Dynamic Drive DHTML code library!
Dynamicdrive.com


.
spacer.gif (807 bytes)
.

Menu

Search DD
Recommend DD
Help Forums New
DHTML books
Advertising
Contact

Featured Script
Rollover buttons 

Turn regular form buttons into rollover menus with this script!
.

Partners

Free JavaScripts
.

Link to DD

Do you use scripts from Dynamic Drive? Please give something back by linking to us...
.
spacer.gif (807 bytes)

Home Small4.gif (1046 bytes) Other Small4.gif (1046 bytes) Here

Dynamic Progress Bar All

Credits: Dynamic Drive

Description: We illustrate here DHTML's ability to render sophisticated visual interfaces, in this case, a dynamic progress bar. Use it to provide graphical countdown to any action that involves a delay before execution. Here are a few practical examples on using the Dynamic Progress Bar script:

  • To create a countdown before navigating to a new page
  • To scare your visitors by pretending to, for example, scan or upload their harddrive
  • To create a timer (ie: for use in a quiz or game)

It's your call...

Demo:


Directions: Developer's View

Step 1: Insert the following script into the <head> of your page:


Step 2: Add the below where you wish the progress bar to appear on the page:


Please refer to comments inside to configure time for progress bar to "complete", and action to carry out afterwards.

Recommend Us!
-If you like Dynamic Drive, please recommend us to a friend...

Legend
All- Script works with Netscape 4 AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 (NOT NS 6 yet)
IE- Indicates script works with Internet Explorer 4 and above
NS6!- Temporary index set up on script category pages to indicate script works in NS6


Copyright 1998-2004 Dynamic Drive. Please read Terms Of Use here before using any of the scripts.
Partners: JavaScript Tutorials | JavaScript Reference