Also take a look at related articles:
Round Avatar with circular progress bar
Adding progress bar on mouse click is something different and this jquery plugin does just hat. Make your team progress bar which will show a skill percentage on the avatar on click and this percentage can be set in html file.
Cool Number Progress bar
This is a visually appealing progress bar showing a number in your html templates and it will look great on any design. There is no percentage character but you can add it easily with a paragraph “p” tag right after the progress tag used in this download file.
Circular Progress Bar
A circular animation with controllable progress bar can be used in your web design projects.
Checkout Progress Bar
A responsive css progress bar with a nice fluid display with five steps of payment and signup completion for the year 2014.Download
Pixel Progress Bar
A bit with square shape at the progressing tip of the animation makes this progress bar much more attractive.Download
Pace – Automatic page load progress bar
An automatic web page progress bar. Include pace.js and a theme of your choice to your page and you are done! Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.
Buttons With Built-in Progress Meters
These will be perfect for displaying progress while submitting forms or loading content via AJAX. They will also use CSS3 styles and transitions to make them easy to customize.
Animated Goal Progress Bar jQuery plugin
This plugin allows you to create an animated progress bar using jQuery. Just fill in the required input and the plugin calculates the progress of your goal and animates the bar. You can specify text to put before and after the amount raised.
Free progress button styles
A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one side of the button while rotating the button in perspective.
ProgressJs – Themeable progress bar library
ngProgress – Youtube Style Bar
ngProgress is a provider for angular for showing a loading status of something. Use cases can be fetching external resources, showing a action taking more-than-normal length or simple loading between the page views. Prefereble, only for resource heavy sites.
Pure CSS Progress Bar
A Progress Bar implemented entirely using CSS 3 gradients, shadows, and border-radius, with a touch of animation. The purpose of this project is to demonstrate the capabilities CSS3 in modern web browsers, and as such this progress bar is styled entirely using CSS.
NProgress – Slim Progress bar
A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening! Inspired by Google, YouTube, and Medium.Download
Very very lightweight progress bars (~730 bytes gzipped). No jQuery needed.
The idea is simple: Add a loading bar / progress bar whenever an XHR request goes out in angular. Multiple requests within the same time period get bundled together such that each response increments the progress bar by the appropriate amount.
Free jQuery Percentage Loader
Free Circular Progress Bar – jQuery plugin
A circle running progress bar with unlimited options to control the flow of wither downloads or uploads.Demo / Download
Simple Free jQuery CSS3 Progress Bar
This progress bar uses the HTML5 custom data-* attribute to allow for quick updating to a progress bar animated by Zepto (or jQuery). The animation is wrapped in a window.resize function to reanimate if the browser size is changed.
CSS 5 steps progress bar
CSS only progress bar in 5 steps. JS is only used for animating the demo.
jQuery Progress bar profile completion
Using a progress element for a profile completion bar. Added click states to see desired behavior; in the wild the user would click a “save” or “next” button which would animate the progress bar accordingly.
jQuery Image Preloader Progress Bar
Progress bar with changeable skins showing page load percentage.
jQuery Form Progress Bar
Simple form progress bar. Inspiration from dribbble.
Free YouTube Progress Bar
The progress bar was only visible in one single browsing session, I assume it was an A/B test.
Flat Pie Charts and Progress Bars Templates ( Cost : $6)
Animated flat pie charts progress bars with description and value. Can be used for interactive infographics on your website, Adobe Muse project or iBooks. You can easy edit font, colors and values. Files a fully editable within Adobe Edge CC.