Gradient Bar
Note: Code modified by Dynamic Drive to run only in IE (due to slight page-hanging problem in NS)
Description: This is an impressive demonstration of how visual effects can be generated using code- and code only. The below gradient bar is constructed using lines of JavaScript code, not pixels of graphic! Easily modify the bar's gradient colors, it's position and direction, all through the setting of a few variables. Learn from it's source, benefit from the result...
Demo: (Try poking it with your mouse to see that it's really not a graphic :-))
Simply add the following chunk of code wherever you wish the bar to appear. Remember to configure it's colors and direction (either to be vertical or horizontal) afterwards: