Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 Days)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=fY-7IbtIYj4


Duration: 22:35
23,564 views
457

Create CSS only progress bars that animate.

⭐️Files you need ⭐️
💻Animated Progress Bars Code: https://www.dropbox.com/sh/10fo07ed1d4d2x6/AAAvgjOOarwT-b6h5M7IVgSja?dl=0
💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0

This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU

CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org



Other Videos By freeCodeCamp.org


2018-10-063d Layer Effect: CSS Tutorial (Day 26 of CSS3 in 30 Days)
2018-10-05Sliding Panels: CSS Tutorial (Day 25 of CSS3 in 30 Days)
2018-10-05GraphQL Server Intermediate Tutorial - Boilerplate with Typescript, PostgreSQL, and Redis
2018-10-04@supports Rule: CSS Tutorial (Day 24 of CSS3 in 30 Days)
2018-10-03Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)
2018-10-03How To Write User Stories, Epics, & Personas - Dev Life
2018-10-02Flexbox Layouts: CSS Tutorial (Day 22 of CSS3 in 30 Days)
2018-10-01Spinners: CSS Tutorial (Day 21 of CSS3 in 30 Days)
2018-10-01Maths for Programmers Tutorial - Full Course on Sets and Logic
2018-09-30Animated Pyramid: CSS Tutorial (Day 20 of CSS3 in 30 Days)
2018-09-29Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 Days)
2018-09-28Useful Tooltips: CSS Tutorial (Day 18 of CSS3 in 30 Days)
2018-09-282018 Top Contributor Party in Dublin - Highlights and Interviews
2018-09-27Pacman & Ghost Animation: CSS Tutorial (Day 17 of CSS3 in 30 Days)
2018-09-27React Project Post Launch Recap with Q&A (P5D99) - Live Coding with Jesse
2018-09-27Natural Language Processing (NLP) Tutorial with Python & NLTK
2018-09-27How to Speak the Language of Application Architecture
2018-09-26Modal Window: CSS Tutorial (Day 16 of CSS3 in 30 Days)
2018-09-26Using Parcel Bundler with React
2018-09-26Get Productive with Python in Visual Studio Code
2018-09-25Sticky Sidebar: CSS Tutorial (Day 15 of CSS3 in 30 Days)


Tags:
css
pacman
css tutorial
css animation
progress bars css
css course
css tutorial for beginners
css3
text effects
typography
css3 tutorial
css3 in 30 days
style buttons
style buttons css
learn css
image manipulation
image manipulation css
pricing table css
sticky footer
footer
animation
animated