58 CSS Progressbar Plugins

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 change.....
Progressbar

Progress bar with changeable skins showing page load percentage .....
Progressbar

animated progress-bar with boostrap tooltip on it, .....
Progressbar

Simple form progress bar. Inspiration from dribbble. .....
Progressbar

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. .....
Progressbar

Create a modal progress bar with Twitter Bootstrap 3. Getting the animation to work properly is a bit of a challenge. A few quirks in RC1 require some special CSS to work-around .....
Progressbar

Got long forms on your website ? Break them up into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor .....
Progressbar

Vertical Progress Bar using bootstrap css .....
Progressbar

.....
Progressbar

Show the progress bar when loading. .....
Progressbar

A simple jQuery progress bar plugin for Bootstrap forms. .....
Progressbar

A simple form with floating labels and an animated progress bar. .....
Progressbar

The live example of this JavaScript tutorial : http://www.theodo.fr/blog/2014/03/how-to-code-javascript-using-twitter-bootstrap-best-practices/ .....
Progressbar

BekeyPogressBar.js is a responsive circle progress bar with animated or not SVG path .....
Progressbar

ProgressBar animation Pure CSS3, progressive size. .....
Progressbar

.....
Progressbar

.....
Progressbar

Work I did for a client at Vital Design .....
Progressbar

Uses a bit of Javascript to count checkboxes with a JQuery UI progress bar .....
Progressbar

.....
Progressbar

Showing a time countdown progress bar .....
Progressbar

Shiny Sparkle Progress bars with percentage label. .....
Progressbar

Responsive progressbar circles for use on skills pages etc.. .....
Progressbar

.....
Progressbar

Make sure to clear your cache to see the natural loading progress. .....
Progressbar

.....
Progressbar

Borrowed heavily from: http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar .....
Progressbar

This is an experiment using concepts learned from Khan Academy's JS lesson on setInterval found here: .....
Progressbar

.....
Progressbar

Got long forms on your website ? Break them up into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor .....
Progressbar

A knockout.js binding handler for a progress bar. .....
Progressbar

Forked from Atakan Goktepe's Pen Multi Step Form with Progress Bar using jQuery and CSS3. .....
Progressbar

.....
Progressbar

Implementation of jQuery Progressbar Timer .....
Progressbar

.....
Progressbar

.....
Progressbar

Scroll effect / Image transition test for a project using PIXI for Webgl abstraction. Effect is made by drawing the image, scaling x, applying threshold and using that as a mask. .....
Progressbar

.....
Progressbar

.....
Progressbar

It's a circular progressbar that based on CSS3 .....
Progressbar

.....
Progressbar

Upload multiples files to server, with code native javascript and elements html5, progressbar, sortable jquery, .....
Progressbar

ProgressBar in form to circle , by using Canvas and JavaScript . Your fork and edit is important for my work .....
Progressbar

This pen is an example of using webtorrent technology to stream a video file from a torrent source. It outputs some statistics in a UI similar to webtorrent.io website. .....
Progressbar

My component for implementation of progress bar. I use CSS Custom Properties for settings of parameters such as size, color, unit e.t.c. The diagram is implemented via SVG. .....
Progressbar

use html5,css3 and JQuery to create a progress bar .....
Progressbar

A CSS only solution that recreates the Material Design preloader; or, who needs jQuery anyway? You should set aria-busy to false when your stuff is loaded. .....
Progressbar

Creating ProgressBar Animation with canvas .....
Progressbar

.....
Progressbar

.....
Progressbar

A circular progress bar created with canvas and animated with Greensock Animation Platform JS .....
Progressbar

.....
Progressbar

/*<?php $fileName = $_FILES["file1"]["name"]; // The file name $fileTmpLoc = $_FILES["file1"]["tmp_name"]; // File in the PHP tmp folder .....
Progressbar

Fully responsive multi-step form grader with validation pre-submit and pop up model. Using math to calculate a grade between 0 and 400 based on the data you enter. .....
Progressbar

It's a loading bar! .....
Progressbar

Uses semantically accurate HTML5 progress element to build the indicator. .....
Progressbar

This is a circle progress bar that was made to animate on scroll. Also includes number incrementer. Updated Oct 2017. .....
Progressbar

This is a design I took from: https://dribbble.com/shots/1228248-HR-Admin-Web-App-UI-UX?list=searches&tag=flat_ui&offset=67 .....
Progressbar