Circle Progress Bar

Circle progress bar with handle at the end.

Made with: HTML,CSS,JS

View Code

Article Progress Bar

Scroll to see article progress bar.

Made with: HTML,CSS (SCSS),JS

View Code

Progress Bar

Made with: HTML,CSS,JS

View Code

Progress Bar

Made with: HTML,CSS (SCSS),JS

View Code

Animated Progress Bar

Made with: HTML,CSS (SCSS),JS

View Code

Animated Progress/Skill Bars Collection.

Made with: HTML (Pug),CSS (SCSS),JS

View Code

Multiple Interactive Progress Bar Elements

A box with several progress bars which can be fulfilled by clicking the related button below.

Made with: HTML (Pug),CSS (Sass),JS

View Code

Responsive Animated Progress Bar To Donut

One should be wary combining different animations. However in some cases it might. In this demo there are two animation working together when changing screen sizes.

Made with: HTML,CSS,JS

View Code

The Depressing Loading Bar

Just a fun project which is a loading bar which is resetting it self to default shortly before the loading progress is completed.

Made with: HTML (Pug),CSS (Sass),JS

View Code

Donut Progress Bar

Made with: HTML,CSS (Sass),JS

View Code

Progress Bar Animation

Made with: HTML,CSS (Stylus),JS (Babel)

View Code

Mobile-Friendly Reading Progress With Ainimal Js

Show reading progress indicator at the top of blog posts. Uses the HTML5 progress element and only minimal JavaScript.

Made with: HTML (Pug),CSS (Sass),JS

View Code