• Calendars
• Date & Time
• Document Effects
• Dynamic Content
• Form Effects
• Games
• Image Effects
• Links & Tooltips
• Menus & Navigation
• Mouse and Cursor
• Scrollers
• Text Animations
• User/System Preference
• Window and Frames
• Other
• XML and RSS

• Script Forums
• Recommend Us
• Usage Terms
• Free JavaScripts

• IE5+: IE 5 and above
• FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
• Opr7+: Opera 7 and above.

Note: Script replaces "Dynamic Progress bar" by Dynamic Drive

Description: This is a fully customizable "time based" progress bar. Set any duration (ie: 10 seconds) for the script to finish loading the bar. A great script to provide graphical countdown to any action that involves a delay before execution. Here are a few practical examples on using the 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:

Step 1: Insert the following code in the BODY section of your page

Step 2: Download the following .js file, and upload to your webpage directory:

timerbar.js (download by right clicking, and selecting "Save As")

You can configure the bar's appearance and post action (ie: navigate to a URL when it's done loading) by editing timerbar.js using any text editor, such as Notepad.