deals

premiumpacks & css progress bars (24 items)

Represent loading or uploading times with these CSS progress bars. They come in very diverse appearances thanks to the versatility of CSS styling.

freebies

A checklist web element with a progress bar created using pure CSS. The element is collapsible and each time you unfold it, it showcases an upper s...

A checklist web element with a progress bar created using pure CSS. The element is collapsible and each time you unfold it, it showcases an upper satisfying stepped animation. The element is structured using Haml HTML, styled and animated with Sass CSS. Created by CodePen user Miguel.

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 great looking liquid progress bar with neat coloring and effects, created in pure CSS by Codepen user Rafael Gonzales, with additional CSS naviga...

A great looking liquid progress bar with neat coloring and effects, created in pure CSS by Codepen user Rafael Gonzales, with additional CSS navigation triggers, and several buttons to view different coloring, positions, etc. With a bit of extra coding, you can create all kinds of cool charts with this neat snippet.

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

Made by Codepen user Jamie Coulter, this is a code snippet for a neatly designed and animated order/process bar here where you can click on the dif...

Made by Codepen user Jamie Coulter, this is a code snippet for a neatly designed and animated order/process bar here where you can click on the different steps and be presented with information. The animation on the box at the top changes depending on which step you're currently viewing.

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.

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

Select, activate or disable multiple options to set up a useful datepicker.

Select, activate or disable multiple options to set up a useful datepicker.

These skill bars are created with pure CSS3, including the animations. For now, it will only work with Webkit browsers, so make sure you have one w...

These skill bars are created with pure CSS3, including the animations. For now, it will only work with Webkit browsers, so make sure you have one when trying to use the bars. It has been uploaded to CSSDeck by devilsbackyard.

Philipp von Wedel created these spectacular progress bars that look like pipes filled with color water. It has a bit of jQuery for the percentage a...

Philipp von Wedel created these spectacular progress bars that look like pipes filled with color water. It has a bit of jQuery for the percentage animations, but the design was built entirely with CSS. The project is up on CSSDeck, if you would like to take a look at it, or even modify it to suit your own design.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

Based on the Android’s battery widget, mani.lokesh from CSSDeck applied CSS3 to create a very similar effect with animations. Unfortunately, by the...

Based on the Android’s battery widget, mani.lokesh from CSSDeck applied CSS3 to create a very similar effect with animations. Unfortunately, by the time, only Chrome can support it at the moment given the different standards when it comes to CSS styling. There are four styles of batteries, with four different colors as well.

Ladda is a fantastic initiative that intends to show the loading progress of an action mixed within the same button that invoked it in the first pl...

Ladda is a fantastic initiative that intends to show the loading progress of an action mixed within the same button that invoked it in the first place, providing the users with smooth feedback. Progress bars can also be added in the background of the buttons along with multiple animations.

This is a beautiful set of progress bars in different colors. They are flatly styled, including a percentage space, and they can be used in any kin...

This is a beautiful set of progress bars in different colors. They are flatly styled, including a percentage space, and they can be used in any kind of website, whether it is a professional site or a simple blog. This code snippet was created by Giuseppe Gerbino.

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social...

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social Conversion Boosting, Mobile Optimizing, Browser Graphical Editors, Opt-In Content Delivery, and so much more! Only 19$!

This loader is mostly based in CSS with a small part of Javascript to handle the width of the bar. As soon as the file is finished uploading, the a...

This loader is mostly based in CSS with a small part of Javascript to handle the width of the bar. As soon as the file is finished uploading, the animation stops and the color changes, indicating a favorable or adverse outcome. All credit goes to CodePen’s Jackie Balzer.

This wonderful canvas progress bar sparkles light on its way to completion, giving it an impressive look. Plus, it goes from red to green as it is ...

This wonderful canvas progress bar sparkles light on its way to completion, giving it an impressive look. Plus, it goes from red to green as it is filled out, with the sparkles matching the color. This code snippet was uploaded to CodePen by Jack Rugile.

These progress bars are made and styled with HTML5 and a little bit of jQuery to apply animations. They have a nice simple design and color gradien...

These progress bars are made and styled with HTML5 and a little bit of jQuery to apply animations. They have a nice simple design and color gradients. The original design came from Tanveer Junayed while Maxim McNair performed the coding.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

This awesome animated progress bar based on a PSD from Vin Thomas goes from red to green as it completes, giving a nice visual progress, as well as...

This awesome animated progress bar based on a PSD from Vin Thomas goes from red to green as it completes, giving a nice visual progress, as well as a fantastic look. It activates by clicking, working in most modern browsers as it has been tested. This code experiment was uploaded to CodePen by Thibaut.

These good looking bars where developed using CSS only. They feature a crisp, colorful style with a nice shadow and light effects. It was created w...

These good looking bars where developed using CSS only. They feature a crisp, colorful style with a nice shadow and light effects. It was created with a minimalistic, with several colors over a dark background. This code experiment was designed by Galen Gidman.

SevenSpark has created an extraordinary set of loading bars that are guaranteed to catch some looks. Colorful, smooth and vibrant, these bars can m...

SevenSpark has created an extraordinary set of loading bars that are guaranteed to catch some looks. Colorful, smooth and vibrant, these bars can massively improve your site’s overall look and make the wait a little less tedious for readers.

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

Animated upload button put together in JSFiddle.net

Animated upload button put together in JSFiddle.net

This is a very cool progress bar with minimalistic style, complemented with little strips in it. Also, it has a simple animation, and it fit perfec...

This is a very cool progress bar with minimalistic style, complemented with little strips in it. Also, it has a simple animation, and it fit perfectly into clear websites since it is dark. This element was created in HTML5 and CSS by Kushagra Agarwal and uploaded to CSSDeck.

These beautiful progress bars intend to give your users a pleasant view with bright, attractive colors and smooth animations. I’d say it accomplish...

These beautiful progress bars intend to give your users a pleasant view with bright, attractive colors and smooth animations. I’d say it accomplishes its goal thoroughly. They were developed by Phillip Alexander and hosted in CodePen.

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and Mor...

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and More, Into Knitting Patterns! Only 9$ (70% OFF)

A loader that comes in the form of a bar that travels around the circle as the progress is completed. Quite smooth and easy on the eye, this can pr...

A loader that comes in the form of a bar that travels around the circle as the progress is completed. Quite smooth and easy on the eye, this can prove truly useful to make waiting times a little better for your visitors. The bar can be colored differently, and in fact, the rest of it can be edited as well to make it compatible with your website's design.

A wonderful little loading design inspired by Virgil Pana's Dribbble work and developed by Hugo Giraudel. It's just a circle with a number providin...

A wonderful little loading design inspired by Virgil Pana's Dribbble work and developed by Hugo Giraudel. It's just a circle with a number providing the loading status, but boy, it looks good. Don't forget to drop by at CodePen and give some kudos to the developer.

Hugo Giraudel from CodePen brings us this smooth-loading bar, initially inspired by a Dribbbler work from Piotr Kwiatkowski, pause on it on hover t...

Hugo Giraudel from CodePen brings us this smooth-loading bar, initially inspired by a Dribbbler work from Piotr Kwiatkowski, pause on it on hover to take a closer look. Its design is minimalistic, using a little gradients and shadows, besides a tooltip counter. You know waiting can’t be all that bad when it looks this great!

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)