65 JQuery Progress Bar Plugins

Circle Bars is a Jquery plugin which is used to add circular countdown timers or progress bars in your project easily.implemented with css; no canvas, png or jpg sprites messing around.highly customisable with various designed ski.....
Plugins

Line is the web’s most advanced progress bar plugin. It’s easy to setup, amazingly flexible and ships with beautiful animation presets.Features:Beautifully animated | Pick from all sorts of progress animation options, spring, .....
Plugins Premium

PrognRoll is a tiny, lightweight jQuery plugin that creates scroll progress bar on the page. .....
Plugins

Progress Bar is used to display the progress of file upload process.Its very helpful and widely used in file upload process just to give user about progress of file upload.In this tutorial we will create file upload progress bar u.....
Forms PHP

In this tutorial we will create Multistep Signup form with progress bar using jquery and css. .....
CSS Forms

ProgressBarWars is a simple (star Wars Tribute ), light-weight jQuery plugin that allows you to display an animated horizontal progress meter. Just pass in the goal and amount raised or completed, and the rest is optional. .....
Animation Plugins

ToProgress is a lightweight, no-dependency top progress bar library. .....
Core Java Script

LoadGo is a jQuery plugin that allows you to create a progress bar by using your own images.Perfect for logo image animation when user is waiting for something to be loaded (a website, retrieving information, updating status, etc......
Image Effects Plugins

A simple, lightweight jQuery plugin used to display a progress bar at the top of the page that fills up as the user scrolls. .....
Plugins

Today we’d like to show you how to create some pure CSS progress bars with a special 3D look. Consider this tutorial an advanced CSS exercise that will give you insight in a lot of interesting 3D properties and shading technique.....
CSS

CircularLoader.Js is a jQuery plugin made using HTML5 and javascript to create customizable cicular progress bars with or without percentage values. It can be used to create a progress indicator. It is a fully customizable plugin .....
HTML5 Plugins

Very lightweight progress bars (~630 bytes gzipped). No jQuery needed.Compatibility: iE7+ and the rest of the world .....
Core Java Script

Beautiful and responsive progress bars with animated SVG paths.ProgressBar.js uses shifty tweening library to animate path drawing. So in other words, animation is done with JavaScript using requestAnimationFrame. Animating with J.....
Animation Core Java Script SVG Tutorial

jQuery Plugin to draw animated circular progress bars. .....
Animation Plugins

Today I will be creating an animated progress bar that updates the progress based on how far you scrolled into a content section. .....
CSS

jQuery stylish progress bars that animate as they enter the viewport. .....
Animation Plugins

ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page. You can design your own template for progress bar or customize it simply. You can use ProgressJs fo.....
Core Java Script CSS

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 amo.....
Plugins

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 deci.....
Ajax Animation Web

Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to .....
Plugins Web

Animated text progress bars parsed from a simple string language. .....
Animation Text Effect

Multi-Color progressbar component for Twitter Bootstrap creates a progressbar which consists out of three colors or zones.Green (bar-success)Orange (bar-warning)Red (bar-danger)The progressbar consists out of three zones: safe, wa.....
Bootstrap Plugins Web

Shiny Sparkle Progress bars with percentage label. The sparkles inside the bars are created using a combination of linear-gradient and radial-gradient as the background and then animated using the animation and keyframes propertie.....
Animation CSS

In this tutorials we tell how to create file upload progress bar with PHP and jQuery. In this post we had developed few lines of code using PHP APC library, it is very simple getting the server file upload process every few second.....
Forms PHP

Fullscreen css-transitions slider with slideshow, progress bar and navigation buttons. Buttons will hide if you have single slide. .....
SlideShow

easy-progress is a really small jQuery plugin that dynamically renders a multi-step progress bar with number and counter on the webpage......
progress-bar

The progress.js jQuery plugin lets you create a customizable slim page scroll progress bar on the top of bottom of the webpage......
progress-bar Reading-Progress-Indicator scroll-indicator

A super tiny jQuery plugin for creating a fixed progress bar to indicate the page scroll progress based on your content......
Reading-Progress-Indicator

The readingBar jQuery plugin generates a slim bottom bar that auto updates on scroll to indicate the current reading progress of a given article or post......
Reading-Progress-Indicator

The jsRapBar jQuery plugin lets you create a minimal yet customizable horizontal progress bar that has the ability to update the progress dynamically......
progress-bar

A stylish loading plugin built with jQuery for displaying progress bar with percentage and remaining file size in a visual and engaging way......
progress-bar loader

The FormProgressBar jQuery plugin creates a sticky, animated, auto-update progress bar (with or without percentage values) to indicate how many required form fields have been filled out......
progress-bar

jQuery, SVG and CSS3 based radial progress bars that automatically activate the progress animation on scroll......
progress-bar

Stepbar is a tiny jQuery plugin that lets you render a horizontal, dynamic progress indicator with custom steps. Useful in step-by-step sign-up form wizard......
progress-bar

A wraparound progress bar that automatically updates based on the current scroll position as you scroll down or scroll up the webpage. Built with jQuery and plain HTML/CSS......
Reading-Progress-Indicator progress-bar

waitingFor is a lightweight jQuery plugin used to display a loading indicator popup using Bootstrap modal and progress bar components......
Bootstrap loading-indicator bootstrap-4

The progressBar.js jQuery plugin creates a sticky, customizable reading progress bar to visualize the remaining reading time of a given article or the whole webpage as you scroll down......
Reading-Progress-Indicator progress-bar

A customizable, circular, CSS3 animated progress bar plugin for jQuery that can be used to display progress, completion, percentage, loading status, etc......
progress-bar

aria-progressbar is a jQuery plugin that helps you create a CSS3 animated, WAI-ARIA compliant progress bar to represent the percentage values in an user-friendly / accessible way......
progress-bar

asProgress is a lightweight jQuery plugin used to render a customizable progress bar with subtle CSS3 transitions in a DIV element......
progress-bar

This is a simple, animated, SVG based circular progress bar component which can be implemented in jQuery, JavaScript and AngularJS......
progress-bar

Just another jQuery & HTML5 canvas based circular progress bar which visualizes the percent value in an animated circle with a custom counter......
progress-bar

Progressbar.js is a very small jQuery plugin that helps you render a responsive progress bar with custom dynamic steps for multi-step sign up forms......
progress-bar

Barfiller.js is a jQuery plugin which uses CSS3 transitions to fill horizontal bars with percentage values you specify. ......
progress-bar Bar-chart

Just another jQuery plugin for generating a top progress bar that auto fills up as the user scrolls to indicate the current scroll / reading position......

Progressbarify is a jQuery plugin to visualize your tabular data that automatically converts numeric values within table cells into Excel Data Bar style progress bars......
Data-Bar

A jQuery & Bootstrap plugin used to dynamically generates easy-to-manipulate Bootstrap progress bars on the webpage......
Bootstrap progress-bar

imgProgress is a tiny yet customizable jQuery plugin for drawing SVG based circular progress bar / right chart with custom images to present the percentage values......
progress-bar ring-chart

Radial Progress Bar is a lightweight jQuery plugin that uses plain HTML and CSS to draw animated, highly customizable, circular progress bars to visualize your percentage values......
progress-bar pie-chart

daterangeBar is a minimal jQuery plugin that visualizes date range into an easy-to-style progress bar, for example: today (Jan. 11) is 33% of January......
date-range

pBar is a really simple jQuery progress bar plugin which helps you visualize numeric data (percentage) into animated, inline bars......
progress-bar

A dead simple jQuery plugin that uses HTML5 canvas to render animated, customizable, circular pie chart for representing percentage values or progress status......
progress-bar pie-chart

A simple, lightweight jQuery plugin for displaying a slim, collapsible and accessible progress bar for Bootstrap form to indicate the form completion progress......
progress-bar

Progress.js is a really simple jQuery plugin which draws an animated and fully customizable progress bar inside a SVG element......
progress-bar

Just another jQuery plugin which uses JavaScript and CSS3 transforms to draw an animated progress (loading) bar representing a given percent value......
progress-bar loading-bar

A lightweight and simple-to-use jQuery plugin which lets you generate animated, canvas based progress bars with custom gradient fills......
progress-bar

Hexagon Progress is a lightweight and customizable jQuery plugin for creating animated hexagon progress bars using Canvas 2D API......
progress-bar Canvas

Progressbar.js is a jQuery plugin for creating custom and CSS3 animated progress bars that are auto triggered as they come into view......
progress-bar

circleProgressBar.js is a lightweight jQuery plugin used to create smooth, cross-browser circular progress bar / loading bar using Raphaël.js......
progress-bar loading-bar

Circles is a jQuery plugin which allows to visualize numeric data (percentage or absolute numbers) in an animated circular progress bar......
progress-bar

Circle Diagram is a super simple jQuery plugin which allows you to draw a customizable circular progress bar with percentage display by using CSS3 transforms......
progress-bar

Yet another jQuery plugin that renders a fully customizable progress bar to visualize the progression of page loads or Ajax requests......
progress-bar

A simple, lightweight jQuery plugin to render a highly customizable progress bar in a DOM element without any extra CSS......
progress-bar

InterSlider is a lightweight jQuery plugin to create a responsive fading slideshow that supports auto rotation, bottom progress bar and custom animation speed......
fading-slideshow

Number Progress Bar is a jQuery plugin that creates a slim progress bar with support for accelerated Javascript animations and custom value range......
progress-bar