Animated Circular Progress Bar Using Html CSS Only | Dynamic SVG Progress Bar

[@lytrunghuy]

I like your way to use the pointer to explain the problems and solve them without any words 😂

[@alanromero8018]

Excelente. Saludos desde Argentina!!

[@alaingoyette7103]

Impressive !!!! I will use this for my arduino project. THX

[@amie_freebird6336]

Soo good.... ❤each and evey programming

[@bdinfo3960]

Nice Tutorial Without Java Script Animated Circular Progress Bar

[@АртёмИсамиддинов]

Thanks for the great example, I rewrote it in vuejs, I'm sitting happy))

[@drenathor]

BTW, for anyone stumbling across this video in the future, you can simplify the math for the strokes by setting the path length of the SVG line to 1. Then no matter how long or short your line is, you only have to set the dash properties to 1 or 0 to turn the stroke on or off.

[@pranjalshukla1693]

Great work 🔥

[@-elektrostahl_1338]

This is amazing, sir! This tutorial helped me a lot. Thank you for your great work !!!

[@diegoquadra6546]

Amazing!! Thank you for sharing the full process

[@amadeoconflores]

Amazing, I'm learning a lot with your videos💜✨

[@namesurname-ss8vx]

Nice! 🔥🔥🔥🔥🔥

[@yours_positively]

Dynamic video want more a more 💓

[@Just_Enter]

great work keep it up

[@sonamohialdin3376]

So good tutorial

[@NuNaKri]

Awesome! 😍

[@Shizetse]

Great video! I would like it even more if there was a tutorial segment on using some sort of media query to make it so the bars only load when in view of the user. I'm struggling with that

[@taksumaq]

you could easily do that with intersectionObserver

[@diaryforlife]

Nice, bro!

[@bangladesh6809]

I want to give you a challenge, can you do this using only html and css?you may use js too. (By the way, I admit that you are a talented guy)

[@SANJEEV.VERMA.]

I will try to make number text animated too. From 0% to that %.

[@princefowzan]

good luck

[@SANJEEV.VERMA.]

@@princefowzan bruh I'm newbie here

[@stefekjarzabek8789]

So cool, but Safari doesn't animate the Dot and position is wrong :( Any ideas why? :) Chrome animate without any problem.

[@umtabtv]

Great ☺️

[@SaiKrishna-zg9wg]

Thank you sir

[@junaidshahzad6681]

thanks bro

[@ibroximfoundation]

very good i will subscrabe for you

[@pedropetiz1468]

Nice video man! do you know how can i add some glow to the green part of the circle? just like u did on the dot

[@tosinoyewoleolamilekan9143]

Hello sir, I really appreciate all your tutorial and they are amazing. what am having an issue with is that you did always start the video by entering the Code editor which still gives me confusion about how I can be able to practice the tutorial, sir.

[@louisegaska819]

thanks !

[@yonaroduardomayo7741]

Me hace falta el archivo ccs que usaste donde lo puedo descargar

[@felixfigueroa]

something is wrong...you should have 100% on everything 😎

[@OnlineTutorialsYT]

😁😂

[@avinashranjan9622]

❤️❤️

[@Ivymike52]

hello, great job but on Edge stroke-dashoffset: calc works, instead doesn't work on firefox. How can resolve?

[@mayrafernandez9974]

stroke-dashoffset: calc(440px - (440px * var(--num))/100);

[@vidukabaddiacademy7713]

Hello sir, i want to know how to make a share count progress bar...how ..please tell me

[@Parth_mehta143]

Hey , I want you to make a video creating a digital clock with html, CSS and Java-Script and with a button on click function which can either on and off the clock and toggle button which will switch digital clock to analog clock showing date, day and time and another toggle button to switch between local time to world clock time where any location is entered and their time could be shown with day, date with the location.? Is it possible or not, I am trying to build something like this but could not achieve the goal can you help me out..?

[@ЗлатаВласкова-я6ъ]

Hi, it works great in Chrome, but in Safari the circle indicator is wrong. Did you fix that?

[@myriam5662]

unfortunately the problem with "circle" is still unresolvable for the browser Firefox but it does work on Chrome. Is there any solution for that may you offer?

[@myriam5662]

The result is: You need to use "units" like "px" if you want to use calc in CSS for Firefox, and Fortunately calc with units works on Chrome, Firefox and Safari. in the Minute 05:18 on line 61 you had to write calc(440px ...)

[@RoomMakeoverr]

What is svg

[@tioben2823]

Could you release the code to copy and paste?

[@Anonymous-14567-o]

First❤️

[@Fre3ze562]

Guys what computer should i use?

[@mdkhadikulislam3075]

Great vedio but background sound not good

[@sulfikaralijun07]

how to make a beautiful and attractive form

[@Snowwhite-n6j]

WHERE IS THE SOURCE CODE !

[@web_maker1]

Anyone know the name of the theme?

[@pavanpenugonda4924]

okay.. I need to search more easy one..

[@yumethwijesooriya]

sourcecode please

[@gameworri]

Bro use copyright free music 🎶

[@simoneinar1684]

what is the song's name ?

[@rajwanulhaque5754]

🥰🥰😇

[@animeaddict79]

4th😊

[@MDXPrime]

Remove the background music, please. It's distracting. BTW, good job with the videos

[@user-ms13w]

✔

[@toxicgamer9901]

2nd

[@rishabhtripathi6032]

4th

[@HunterXKrishX]

gutke ko thuk kar bolna sikh bhai