Circular Progress Loader Canvas JavaScript Programming Tutorial

i love you man you saved my life

can you explain endingPoint diff/10 +start in arc method

Simply WOW!

can we attach it to image tag??

Does anyone know how to fill opposite of clockwise?

Happy 420 mane Im just burning one while learning this. Thanks !

how to text speed increase ??

Nice Wrok very helpfully

Hi sir Adam, I would like to suggest on how to manipulate your circular loader with windows.onscroll. I mean if the user is scrolling down in a section, the circular loader will run. Your help will be appreciated. Thank you Sir Adam :)

nice, but unfortunately isn't worth it. The antialiasing of canvas is so awful, that i had to refuse from this approach. For anyone looking, for decent antialiasing effect, use svg

Thanks a lot man!

Can this progress bar be used to accurately show how far a webpage has loaded? please let me know.

how to change width of circle?

how can i augment the size of the text in the middle

thank you

Thanks Adam for the tutorial.
How can I use this as page preloader?

thanks

For those wanting to change the font size, just add ctx.font = '10px sans-serif'; per example. Cheers

U r amazing, explained it in very good way, thanks a lot !!!

thank you

How toy increase height and width of loader

thanks Adam

How can I change the font size of the centered text ?

it will not display in my code why?

how to change the font size?

super video

Where did 4.72 come from? What is that even, pixles? How did you arrive at that number? Would it change if the canvas was bigger or smaller?

how can i change the text size?

how to fade out the loader

Feel like a kid watching your videos. Good times

how to change width and height of the circle

Is there any way I to create multiple loaders with different loading values on the same canvas?

Thank u so much.This tutorial has become soooo handy today

how i make it big size??

and how do i adapt this Circular Progress Loader Canvas to a submit() function that i have already defined? i mean how can i adapt this progress canvas so that when my function starts the progress canvas also starts and as soon as the function ends my progress canvas also ends.

great tutorial.

HELLO, IF I WANT TO USE MORE THAN ONE WOULD LIKE PRELOAD. THANKS

Your are my great teacher !

Hi Adam, thanks for tutorial
I have a question
my problem is that I cannot change width and height of circle

you mean in the head <style></style> or .css external css file.

thank you.

sir please make a video on how to make organisation hierarchy chart in html

Hi Adam, I been following your channel for a long time. I would like to see a tutorial about how to cache an image in javascript using the Image object.

Thank you!

Could you please contact me via email to discuss a project I'm working on in web development and design?

hey, can you maybe explain how to connect it with the Progress Bar tutorial? It doesnt worked for me

excellent video .....

Love your tutorials but I can't figure out how to link this to your file uploadeder. watched both videos 10 time and can't figure it out. Sorry if its simple to everyone else but I'm lost and tried everything, would love some help.

why my circle color is black ?