Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Coddy

Circular Progress Bar | Front-end Project

via Coddy

Go to class Write review

Overview

In this project, you are going to create a circular progress bar using HTML, CSS, and JavaScript.

Prerequisites:

  • Knowledge in HTML, CSS, JavaScript

Syllabus

Intro

  • What are you going to make?

HTML

  • Set up
  • Finish HTML

CSS

  • Universal Selector
  • Body
  • Container Class
  • Circular Progress Class
  • Circular Progress ::before
  • Progress Value Class
  • Text Class

JavaScript

  • Make it work!

Reviews

Start your review of Circular Progress Bar | Front-end Project

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.