Circular Progress Bar using HTML CSS & JavaScript | CodingNepal

[@CodingNepal]

Custom 404 Error Page Design using only HTML & CSS - kzbin.info/www/bejne/o2i9i4GplpWjhaM

[@amir_hu]

Great Effort Bro 😊

[@suraj351]

*It's so nice , par thoda difficult hain svg ke comparison main par yeh bhi aana chahiye Thanks for .*

[@jaydenforest4116]

instaBlaster

[@FastOnlineTutorials]

Nice video and very beautiful circular progress bar 😎

[@CodingNepal]

Thank you for your comment.

[@rohman-ov8xd]

Very cool design, very creative

[@CodingNepal]

Thank you 💙

[@UICode]

Creative usage of div. Nice!

[@CodingNepal]

Thank you 💙

[@bryandche]

Very nice keep up Your videos are all awesome

[@CodingNepal]

Thank you 💙

[@amir_hu]

Amazing tutorial, it's help me alot. Love your work bro 💞 ❤️

[@CodingNepal]

Thank you bro... Keep watching.

[@amir_hu]

💞😇

[@balkan77forum66]

@@CodingNepal hi bro you have amazing videos,but how can i make it foer 45 seconds or 22.5 seconds not 4 seconds?? thanks i waiting your ansewer

[@梦梦-d7j]

谢谢，这个教程太赞了！

[@BareKingz]

What do i need to change to increase the size of the whole thing?

[@Christopher-uk5tw]

Informative video and it would be great if anyone can tell which component could stop the progress at a certain level (this video show a full circle turn, what if I want it to stop at 1/4).

[@Spillss]

please share, If you have solution now.

[@mayurmhatre9925]

You can make the progress bar dependent on the number inside and change the number acc. to your preference using jscript

[@Hakiros54]

i think adding commentary what and why are you doing would make your videos way better

[@CodingNepal]

Thanks for your suggestions

[@joaoabreu7927]

bro, what do I do, when the "webkit-border-radius" value doesn't appear?

[@mahidharchowdary6303]

Same problem

[@gumeranthonylauraquenta8591]

Nice, thanks bro!

[@CodingNepal]

Welcome bro :)

[@ilaurian]

Hi dude! I just wanted to ask how could I increase the size of the ring?

[@buatdaftaraneh2099]

i wanna ask you about your circular progress, why circular CSS is not working in my website after i upload it. but it work if i work in offline, only HTML code works but not CSS.

[@CodingNepal]

You may did mistakes on codes. Please recheck it

[@RaviTeja-ec7mf]

Wow good job 👍 bro

[@CodingNepal]

Thank you bro 💙

[@mdmojammelhossen8030]

sir..I was comment in your every video..how to we use map in our website....plz make video as soon as possible..I waiting for your great video... thank you sir...love form Bangladesh..

[@mohdtouqeer1984]

use on that

[@manavbillionaire9840]

Can you make your next video of story - slider like instagram or any other social medias. I messaged you yesterday in your website but you didn't replied anything. It's really urgent.

[@CodingNepal]

I have already made videos on automatic image slideshow and slider control.

[@rubblesoarch]

Dude how do I want the *"Download"* button to come out when the bar is full.

[@sidhumanchala4471]

How to keep our website online...

[@sidhumanchala4471]

And what about your website

[@CodingNepal]

My website is created on blogger.

[@housepjays]

Hello do you know how to round edges of the progress bar? thank you!

[@CodingNepal]

I didn't understand..

[@youtubehelper227]

Super dai

[@CodingNepal]

Thanks vaii.

[@anubhav3954]

Please make a video on complete web development. This will also attract the viewers. कृपया जति सक्दो चाँडो गर्नुहोस्

[@CodingNepal]

Okk... I'll do my best.

[@anubhav3954]

@@CodingNepal Thanks bro

[@clementH1249]

Hello. Nice tutorial and thank you for the video. However, when i shrink my screen, the animation isnt working properly. So it isnt working on mobile for instance. Any idea why?

[@kostralia442]

Heyy How can I do other percentage? I can only do 100% :( I have no idea how to do it

[@aadityasharma530]

Bro, When The Progress Bar Will Be At 100 Percent After Then Will This Bring The Main Page Or It Will Stay On 100 Percent Forever?

[@aadityasharma530]

I Hope You Will Answer Soon!

[@CodingNepal]

Watch this video kzbin.info/www/bejne/a3vddp-qqZpjgqc

[@aadityasharma530]

@@CodingNepal It does not has my question"s answer

[@aadityasharma530]

Pls tell @CodingNepal

[@ilhamliani2020]

How if multi person (two progress) ?

[@sabrinaramirez3170]

Buen video ! de casualidad sabes por que mi visual studio code no reconoce este comando : -webkit-border-radius?

[@mahidharchowdary6303]

Yeah.. Bro i had faced this problem too

[@tranangdiep4950]

Thanks bro

[@KvarkLt]

Thanks, its nice! is it possible to add label inside above % to explain that is that like "Progress of installation" or similar?

[@glebsonsantos3341]

You didnt showed how to do the radius on the edge of the blue bar

[@CodingNepal]

I've shown.. Please watch again.

[@rafaellopezaliaga9814]

PERO COMO HARIA Q SE BORRE CUANDO LLEGUE AL 100% ??

[@syediqbalahmed3176]

good ...

[@CodingNepal]

Thank you 💙

[@memerahmadraza8460]

good

[@CodingNepal]

Thank you.. Stay tuned 😁

[@birmedar]

thanks

[@CodingNepal]

You're welcome 💙

[@Iambruh07]

Same Effect like this but in Social Icons hover.

[@alisalimli]

Hi,can you share codes ?

[@CodingNepal]

Kindly check description link..After clicking the link you'll be redirected to my website then search the title and you'll get codes.

[@sidhumanchala4471]

Make a video about creating apps using html and css

[@CodingNepal]

Apps aren't create with html css... Learn java, python, kotlin, flutter etc.

[@vinnss777]

very good and very cool!!!

[@CodingNepal]

Thank you 💙

[@suraj351]

*Hello ! Plz make a video on **_Wave. js_** 🙏 Plz.......*

[@mdmojammelhossen8030]

wow..

[@ibrahimba1307]

Damnnnnnnn

[@negi_vipin]

Man it is very hard i m not able to understand this one 🥺

[@CodingNepal]

It can be easy to create if we use SVG but in this video I used CSS clip-path to create circle animation. So it will difficult to understand if you don't know clip-path.

[@vijaykumar-wu9jc]

I know basics how to master in html css and js

[@CodingNepal]

Keep learning.. One day you'll be.

[@jailsonsantos555]

TOP ++++++++++++

[@freebird4050]

:( it is only static style. not dynamic.

[@MA-np7if]

adding music in a tutorial is the worst idea and third class thinking.