How To Make Circular Progress Bar Using HTML CSS JavaScript | Neomorphism Progress Bar

Learn How To Make Circular Progress Bar Using HTML CSS JavaScript | Make Neomorphism Design Progress Bar Step By Step

In this video you will learn how to make a progress bar, we will add gradient color in this progress bar. We will be using SVG circles to make this animation. Download the svg code from below link

------------------------------------------
Recommended course:

❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate

-------------------------------------
Recommended Videos:

Learn Complete HTML and CSS from basics:

Make A Complete Website for college using HTML & CSS:

How to make a Business website step by step:

How to make personal resume website step by step:

How to make an Ecommerce Website Design:

How to make travel website design with HTML CSS Bootstrap:
-------------------------------------

Affordable web hosting (coupon- EASYTUTORIALS)

My recommended tools and tutorials

-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:

-------------------------------------
Like - Follow & Subscribe us:

[imonraj]

In setInterval interval will be 2000ms/65 = 30.77ms perfect calculation

[hackytech]

Thanks a lot for you explanation, their are many other tutorials for same output on YouTube but they have background music and just speed coding, yours was fantastically explained.

[christophermawela]

Good, and thanks. Will probably ask more questions in future...

[VishalSingh-cwjj]

Video is good and styling is too good. Just make the counter dynamic so that we can use multiple counter same time without giving static value.

[siddharthsharma]

Bro u r just awesome u r my ideal love u♥️♥️

[abdelhadibadji]

stroke dasharray should be 439.8 = 2*70*3.14
472 is wrong
graet course thanks alot
it really helped me

[ivanlattyn]

Good, but. Why so many hardcoded things? in 20 min video you can do and show all the beauty of calculations in js, but didn`t

[queenmq]

Hello sir, I need a help . I created one progress bar . Can u please tell me how to create multiple progress bar in one page .. I wanna create 5 progress bar

[arindamnaskar]

This tutorial is very useful and great. With your voice instructions and code together made this tutorial great 🔥❤️

[architech]

Instead of using padding for the outer circle, use flex box instead: display: flex; justify-content: center; align-items: center; This will align things perfectly, whereas giving it a padding doesn't make the alignment straight.

[rajrana]

what microphone you are using your voice very clear

[laerciomassapa]

Nice video, thanks.
From Mozambique.

[fullgames]

One of the best that i've seen.
Thanks indian guy from YT ⭐

[jhosstinvargas]

thanks bro, that is really fantastic and practical

[raveendrareddy]

Hello Brother,
You are doing a great job for all beginners of web application development and try to do java script from scratch to high level course.

[knowledgecheck]

Your doing great bro, those are helpful in learning.

[raviranjan]

Where we have to modify In code so that running percentage of individual skils got changes in % .if I want to add more Skills like- HTML, CSS, JAVA ..

[yukii-flora]

THANKS A LOT!!!
this is what I have been looking for and found
happiness and good to you

[hmm]

If want to make it for a percentage that varies. Like one it may be 65 and other time it may be 30 and so on. How do I do that ?

[vinaybharatdwj]

I am happy watching your video and learning Html CSS and JavaScript,
for myself the JavaScript is very interesting and CSS is very innovating & interactive
you explain in such a easy manner, I just follow you step by step till the end of the video and learn so much thing from you
thanks for this video
I wish someone like you be my mentor to stay around and train me with this beautiful CSS and intellectual JavaScript in my life because you are amazing.