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.
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
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.
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..?
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?
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 ...)
I like your way to use the pointer to explain the problems and solve them without any words 😂
Excelente. Saludos desde Argentina!!
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.
Impressive !!!! I will use this for my arduino project. THX
Soo good....
❤each and evey programming
Thanks for the great example, I rewrote it in vuejs, I'm sitting happy))
This is amazing, sir! This tutorial helped me a lot. Thank you for your great work !!!
Nice Tutorial Without Java Script Animated Circular Progress Bar
Amazing!! Thank you for sharing the full process
Amazing, I'm learning a lot with your videos💜✨
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
you could easily do that with intersectionObserver
Great work 🔥
I will try to make number text animated too. From 0% to that %.
good luck
@@princefowzan bruh I'm newbie here
great work keep it up
Dynamic video want more a more 💓
So good tutorial
So cool, but Safari doesn't animate the Dot and position is wrong :( Any ideas why? :)
Chrome animate without any problem.
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)
Nice! 🔥🔥🔥🔥🔥
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.
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
Awesome! 😍
Nice, bro!
Thank you sir
very good
i will subscrabe for you
Great ☺️
thanks bro
thanks !
hello, great job but on Edge stroke-dashoffset: calc works, instead doesn't work on firefox.
How can resolve?
stroke-dashoffset: calc(440px - (440px * var(--num))/100);
First❤️
Hi, it works great in Chrome, but in Safari the circle indicator is wrong. Did you fix that?
Great vedio but background sound not good
Hello sir, i want to know how to make a share count progress bar...how ..please tell me
Could you release the code to copy and paste?
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..?
What is svg
how to make a beautiful and attractive form
Me hace falta el archivo ccs que usaste donde lo puedo descargar
something is wrong...you should have 100% on everything 😎
😁😂
❤️❤️
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?
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 ...)
okay.. I need to search more easy one..
Guys what computer should i use?
Bro use copyright free music 🎶
what is the song's name ?
4th😊
🥰🥰😇
WHERE IS THE SOURCE CODE !
Anyone know the name of the theme?
sourcecode please
2nd
✔
Remove the background music, please.
It's distracting.
BTW, good job with the videos
4th
gutke ko thuk kar bolna sikh bhai