Course
Circular Progress Bar | Front-end Project
In this project, you are going to create a circular progress bar using HTML, CSS, and JavaScript.
Syllabus
4 chapters11 lessons3 projectsIntro
1 lesson- 01What are you going to make?
HTML
Project2 lessons- 01Set up
- 02Finish HTML
CSS
Project7 lessons- 01Universal Selector
- 02Body
- 03Container Class
- 04Circular Progress Class
- 05Circular Progress ::before
- 06Progress Value Class
- 07Text Class
JavaScript
Project1 lesson- 01Make it work!
More like this
CSS Project - Simple Loading Spinner
In this course, you will learn how to utilize CSS and HTML to build a straightforward loading spinner, which is used when loading pages or content.
- 6
- 1
Image Accordion | Front-end project
In this project, you will create an image accordion by yourself!
- 17
- 3
Stopwatch - HTML/CSS/JS Project
In this project, you will create a basic stopwatch using HTML, CSS, and JavaScript.
- 10
- 3
CSS Project - Fancy Button
In this course you will create a fully customized fancy button, like you see in your favorite websites!
- 8
- 1
Login Form - HTML/CSS Project
In this course you will create a simple login form using HTML and style it using CSS.
- 7
- 2
Frequently asked questions
How many lessons does Circular Progress Bar | Front-end Project have?
Circular Progress Bar | Front-end Project contains 11 interactive lessons you can complete at your own pace.
What does Circular Progress Bar | Front-end Project cover?
The course is organized into chapters covering: Intro, HTML, CSS, JavaScript.
Is Circular Progress Bar | Front-end Project free?
Yes - every course on Coddy is free to start. You can complete lessons in your browser without any downloads or signup.
