• The JavaScript Progress Bar is in Beta Release

JavaScript Progress Bar

JavaScript Progress Bar A progress bar is a graphical control element used to visualize the progression of an extended computer operation, such as a download, file transfer, or installation. Sometimes, the graphic is accompanied by a textual representation of the progress in a percent format.

Features

  • Horizontal or Radial Bars
  • Easy to style using CSS or color change with JavaScript
  • Overlap any element such as buttons or links
  • Special format when overlapping the body

Useful Links

Examples

Basic ProgressBar View Code
This example will show a few basic progress bars.


100



100
Overlapping Elements View Code
In this example, we'll show to how to overlap a progress bar over an element.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Body ProgressBar View Code
In this example, we'll show how to show the progress bar over the entire document.
Get the Code
Download the latest version:
Download
API & Docs
View the complete API documentations and examples:
API & Docs
Licensing
We offer two types of licenses, personal and commercial. Find out more.
Donate
We thrive on your donations. If our scripts has helped, please donate.