JavaScript Progress Bar | Bypeople

deals

premiumpacks & javascript progress bar (24 items)

A very useful list of resources for creating progress bars.

freebies

This is a box with several progress bars which can be fulfilled by clicking the related button below. It is structured with HTML preprocessed on Pu...

This is a box with several progress bars which can be fulfilled by clicking the related button below. It is structured with HTML preprocessed on Pug, styled with the use of Sass Mixins and variables, and with on-click and filling actions controlled via vanilla JavaScript. Created by CodePen user Ali Soueidan.

Perfect to show the reading progress while scrolling through a page. It hides when the viewport is too narrow, sticks to the top of the viewport on...

Perfect to show the reading progress while scrolling through a page. It hides when the viewport is too narrow, sticks to the top of the viewport on scroll, displays reading progress by section and also within each section. It can also be used for navigation. Created by Codepen user Ed Hicks.

A colorful and nice looking progress bar that runs from one side of your site to the other, made in Javascript by Buu Nguyen. It will work with any...

A colorful and nice looking progress bar that runs from one side of your site to the other, made in Javascript by Buu Nguyen. It will work with any browser that supports HTML5 Canvas.

High-resolution & easy video exportation, with predefined timelines, in this pack of 100 Animated Photos & Videos, regularly priced $19, only $9 fo...

High-resolution & easy video exportation, with predefined timelines, in this pack of 100 Animated Photos & Videos, regularly priced $19, only $9 for a limited time.

LoadGo is an interesting jQuery Plugin that applies loading animations (bar) to any DOM element. It is perfect for logos, since it can distract the...

LoadGo is an interesting jQuery Plugin that applies loading animations (bar) to any DOM element. It is perfect for logos, since it can distract the user while the page loads. It is licensed under the MIT license.

A modern progress bar library made in JavaScript, HTML and CSS for forms completion. It indicates the state you are on a given form, and notifies y...

A modern progress bar library made in JavaScript, HTML and CSS for forms completion. It indicates the state you are on a given form, and notifies you once you're done. It is really small, and it includes some effects to make your form look cool. It's licensed under MIT.

Mprogress.js is a JavaScript library that creates a material design-alike progress bar to place it at the top or at the bottom of the page. It uses...

Mprogress.js is a JavaScript library that creates a material design-alike progress bar to place it at the top or at the bottom of the page. It uses CSS3 and pure js, and does not depend on any other libraries, and you can create 4 types of bars. This library was made by GC Tang.

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

1059 UHD Backgrounds & Textures, Only $19! Ai & EPS Vector Formats, Transparent PNGs. Ultra HD Resolutions!

FavIconX is a really small JavaScript library that creates different progress bars and place a little replacement for the favicon, showing a loader...

FavIconX is a really small JavaScript library that creates different progress bars and place a little replacement for the favicon, showing a loader and the percentage of load. It is a beautiful way of showing the progress of an element, a video or a complete website's load. It was created with JavaScript and it allows you to modify its properties, like the border color, the border width, the color of the filling, and even the shadows if you want, among many other qualities. This tool lets you: - Set simple values - Use custom styles - Control the title - Animate changes - Create gradients - Stablish the status icons This cool library was created by Nicolas Bize and its free to use.

This bootstrap progress timer is a jQuery creation that allows you to extend the functionality of the regular bootstrap progress bar, and although ...

This bootstrap progress timer is a jQuery creation that allows you to extend the functionality of the regular bootstrap progress bar, and although it does not work the way it is intended by its author, it is really neat and useful. The result of it is a candy bar, that can actually be styled in the way the user wants without losing power.

ProgressBar.js allows you to create progress bars quickly with arbitrary shapes. This is a library created in JavaScript which includes some built-...

ProgressBar.js allows you to create progress bars quickly with arbitrary shapes. This is a library created in JavaScript which includes some built-in shapes like lines, circles and squares, but it also allows you to integrate vectors made with illustrator to create your own custom progress bar. It is a lightweight creation made by Kimmo Brunfeldt and is licensed under the MIT license.

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multi...

6300+ Material Design Icons, Only $14! Vector Files Ai & SVG, Extended License, 24+ Industries From Web Design Icons to Medical, Education, & Multimedia Icons.

This plugin adds an AJAX loading bar like the one on Youtube to all your AJAX links; it was created by Pete R. ...

This plugin adds an AJAX loading bar like the one on Youtube to all your AJAX links; it was created by Pete R. Simply include the latest jQuery library into your HTML's head and simply call the function.

This is a set of simple progress bars created with CSS by Chris Coyier. He explains the HTML base, the CSS, the color use and the candystriping and...

This is a set of simple progress bars created with CSS by Chris Coyier. He explains the HTML base, the CSS, the color use and the candystriping and how to animate them.

PACE is an automatic progress bar for loading created in JavaScript. To use it, you just need to include the pace.js along with a CSS theme and you...

PACE is an automatic progress bar for loading created in JavaScript. To use it, you just need to include the pace.js along with a CSS theme and you'll have a nice progress indicator for your page. This tool detects the progress automatically, and it shows different types of loader styles, including: - Minimal - Flash - Barber shop - Mac OSX - Left Fill - Flat Top - Big Counter - Corner Indicator - Bounce - Loading Bar - Center Circle - Center Atom - Center Radar - Center Simple This script was created by Hubspot, and you can use it for free.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

400+ Components e-Commerce UI Kit, Only $14! Award Winning UI Kit In Sketch File Format, 180 Web Gradients, 250+ Icons, Extended License.

Progression is a jQuery plugin that allows you to know the progress while completing a form. It lets you know what fields are missing and what perc...

Progression is a jQuery plugin that allows you to know the progress while completing a form. It lets you know what fields are missing and what percentage of the form you have completed so far.

This plugin creates buttons with a flat style and a nice progress animation. It has horizontal and vertica...

This plugin creates buttons with a flat style and a nice progress animation. It has horizontal and vertical shrinking, rotation angles, folding effects for loading, and more, all complemented by a check sign that appears when finished.

ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for any object on the page. You can design your ...

ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for any object on the page. You can design your own template for progress bars or simply customize them. You can use ProgressJs to show the progress of loading contents (images, videos, etc.) on the page to the users, and it's also used on all elements including textboxes, text areas or even the whole body. It's light-weight, easy to use, customizable, free and open-source.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

47 Creative CV Templates, Only $12! Vector Ai, PSD, & InDesign Files, Neat & Organized Layers, Modern Styles From Corporate to Artistic Designs.

Very fun and different progress bars created with jQuery, variying effects and shapes, all created with text.

Very fun and different progress bars created with jQuery, variying effects and shapes, all created with text.

A very complete tutorial for creating awesome progress buttons. Ready to use in all your website projects. It e...

A very complete tutorial for creating awesome progress buttons. Ready to use in all your website projects. It explains how to create progress buttons from scratch, how to add the HTML, the jQuery Code and the CSS.

This is a simple jQuery plugin for creating animated vertical and horizontal bars. The plugin is called jqBar and it can be used in variety of situ...

This is a simple jQuery plugin for creating animated vertical and horizontal bars. The plugin is called jqBar and it can be used in variety of situations where you want to present data with some visual effects. It helps you crate beautiful bar charts to represent skill set or can be used as a progress bar. The plugin is very light weight and can be completely customized.

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for ma...

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for making logos and branding projects, stationery, apparel design, and much more! Only $29!

TRNSFR is a UI element meant to be used along with your current upload script. There are a number of options that you can set globally on the TRNSF...

TRNSFR is a UI element meant to be used along with your current upload script. There are a number of options that you can set globally on the TRNSFR class (via TRNSFR.options), and pass to instances, but it needs to know how many files you have, and how big they are.

This is a jQuery tutorial to make dynamic animated progressbars. By default this is a static widget without any...

This is a jQuery tutorial to make dynamic animated progressbars. By default this is a static widget without any animation. But the tutorial expands its possibilities and make it dynamic.

This plugin allows you to create an animated progress bar using jQuery. Just fill in the required input and the plugin calculates the progress...

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. You are welcome to download the plugin and use it in your personal projects provided that you leave the credits in the source code.

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Ne...

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Networking, e-Commerce, Design, Data, IT Certifications, and much more! (98% Off)

In this jQuery progress bar example, the autor Ravishanker Kusuma is going to demonstrate how to make a simple ...

In this jQuery progress bar example, the autor Ravishanker Kusuma is going to demonstrate how to make a simple jQuery animated progress bar with percentage. Just be sure to follow the steps to make the progress bar like the one below.

This code snippet is a simple way for creating a beautiful progress bar. It provides the HTML, the CSS for styling and the JS code, providing the f...

This code snippet is a simple way for creating a beautiful progress bar. It provides the HTML, the CSS for styling and the JS code, providing the functionality. The code is extremelly lighweight and you can edit it @ Codepen to add the functionality or style you want.

This is an example of how the presentation cycle works. To change the looks by picking one of the options, inc...

This is an example of how the presentation cycle works. To change the looks by picking one of the options, including standard look, minimal, super minimal reversed, and other effects.

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)

856+ Massive Vector Wireframe Templates Bundle + Extended License, $775 Worth of Assets for Only $24USD (97% Off)