Progress

25.10.2020

Made with: HTML,CSS

View Code

PlaceholderProgress

Purple Progress Bar

9.10.2020

Made with: HTML,CSS (SCSS)

View Code

Purple Progress Bar

Pixel Progress Bar

6.10.2020

Made with: HTML,CSS

View Code

PlaceholderPixel Progress Bar

Color Changing Loading Progress Bar

26.09.2020

Made with: HTML,CSS

View Code

PlaceholderColor Changing Loading Progress Bar

Svg Circle Progress Bar

22.08.2020

Made with: HTML,CSS

View Code

Svg Circle Progress Bar

Svg Circle Progress Bar

22.08.2020

Made with: HTML,CSS

View Code

Svg Circle Progress Bar

Css Circular Progress

16.07.2020

Circular progress indicator made using CSS conic-gradient and custom properties.

Made with: HTML,CSS (PostCSS)

View Code

PlaceholderCss Circular Progress

Github Goal Progress Bar

15.07.2020

Made with: HTML,CSS (Sass)

View Code

PlaceholderGithub Goal Progress Bar

Warning Bar

10.04.2020

CSS animations, variables and gradients to create a scrolling warning bar.

Made with: HTML,CSS (SCSS)

View Code

PlaceholderWarning Bar

Progress Scrollbar Css Only

14.03.2020

Made with: HTML,CSS (SCSS)

View Code

PlaceholderProgress Scrollbar Css Only

Simple Progress Bar

23.07.2019

Simple CSS progress bar with animation.

Made with: HTML,CSS

View Code

PlaceholderSimple Progress Bar

Only Css Loading Animation

20.12.2018

Made with: HTML,CSS (SCSS)

View Code

PlaceholderOnly Css Loading Animation

Progress Bar Pure Css

22.11.2018

Interactive progress bar pure CSS.

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

View Code

Progress Bar Pure Css

Animation Progress Bars

1.11.2018

Progress bars with CSS animation.

Made with: HTML,CSS (SCSS)

View Code

Animation Progress Bars

Css Progress Bars

18.10.2018

CSS progress bars made with svg patterns.

Made with: HTML,CSS,JavaScript

View Code

Css Progress Bars

Stepped Progress Bar

13.09.2018

Stepped progress bar with little JS.

Made with: HTML,CSS,JavaScript

View Code

Stepped Progress Bar

Progress Bar

12.09.2018

HTML and CSS progress bar.

Made with: HTML,CSS

View Code

Progress Bar

Reading Progess Bar Css Only

10.12.2017

Experiment with a new value for the CSS position property to create a progress bar reading the articles without the need of using PHP or JavaScript, just HTML and CSS.

Made with: HTML,CSS

View Code

Reading Progess Bar Css Only

Loading Bar

27.06.2017

Pretty HTML, CSS and JS loading bar with gif image.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Loading Bar

Rainbow Progress Bar

6.04.2016

Pure CSS and HTML progress bar, using the repeating-linear-gradient.

Made with: HTML,CSS (SCSS)

View Code

Rainbow Progress Bar