Slider With Progress Bar: Presentation Cycle

Gaya Design is featuring a very nice tutorial (with source) on creating an image slider with a progress bar.

The slider uses the powerful jQuery Cycle plugin (see WRD post) which can rotate images with various effects.

The progress bar is created automatically to reflect the number of images that wi,ll be displayed.

Besides the look & feel of the slider, variables like speed of the slideshow & transitions can be set too.

Here are several examples provided to better findout how it functions.