How to Create a Progress Bar With Animations - HTML & CSS Tutorial For Beginners

[@donuttruck7037]

I've been trying to learn this for a long time and it was so confusing, but when i watched ur video, it became alot easier and simpler. Thanks!

[@hello-ff8hh]

first time every understand relative + absolute pattern, and you did it in one sentence !

[@technologs101]

you wont believe how much you helped me man. been stuck with how to update the bar using javascript for days. thx man

[@dcode-software]

That's so awesome! Happy to help.

[@technologs101]

@@dcode-software 😀

[@nikhilmwarrier7948]

Thanks a lot! I was working on a CSS library and your tutorials helped a lot!

[@beristainbear3924]

You are amazing, I didnt realize how much I loved coding till today

[@TheCodingOdyssey]

This is pretty nice! Its even easier in React though. React makes some things so simple especially when you combine it with styled components.

[@BnE_Remix]

im wanting to create to clicker game. i want the health bar to start at 100% but as the health goes down the percentage goes down with it. how would i roughly do this?

[@saulius659]

Thank you very much! Yee it took me ~3hours to repeat :)) But all works perfect!

[@stormbreaker2526]

How can we create a Progress bar for learning website? Like when someone pass lesson he eventually will go further which is shown in the bar.

[@stormbreaker2526]

Pls, tell me how can I make it.

[@victory_lucky]

it seems you read my mind, I was expecting this for a while now

[@NewHellz-]

hey there, may i ask something ?? Is there possible if i create progress bar, with numered inside, can be change automatically with time i want to??

[@paserafim10]

Pretty nice. How could I build something similar to this but show the two values: the total and the partial?

[@nanakwasi7690]

Great video. Thanks.

[@tik-sen-tok6617]

Thanks, I have been struggling with this, I never took html and css but have a project that deal with this .

[@ben-cb5er]

sweet! learnt something new this arvo! thanks bro

[@PhG1961]

Excellent and great ingenuity !

[@fredoscott2346]

Most likely something will happen after the loading is complete, so it would be nice to know how one could do a redirect or something...

[@victory_lucky]

if you don't mind, could you please do another using the progress bar to detect when a page is loading

[@ahmarjaved8710]

this is pretty cool but i have created second bar with same code but second bar percentage is not showing its missing can u please help me

[@christopherlawes9286]

Does this work if you want to update progress bar in a for loop?

[@ayaneshsarkar7804]

Which font do you use?

[@mnunez6153]

yeah progress bar is done. how can it be integrated to a page? how to put it in such a way that page will load this bar while the page doesnt display?

[@nazimfirdousali6952]

Is this animation working on scroll down?

[@amraldroubie3127]

thanks what is the name of the vs code theme that you use

[@dcode-software]

Hey, the theme is "dcode" and I use the colours in my channel: marketplace.visualstudio.com/items?itemName=dcode.dcode-theme

[@nitinmadas_ds]

How to make it accessible to the screen readers could you please help?

[@FRONTRUS]

*Covid-19* : Making Programmers Since 2020 🎓

[@RafaelTrindade_rafa]

Gostaria de ver atualização automática.

[@nurullahanas4906]

Perfect

[@rangabharath4253]

Awesome

[@melkiy582]

This red html “5” looks like “angular” logo.

[@herozuki17]

when the title says "html&css" but the video also uses javascript......

[@joaomendoncayt]

Obrigado és deus

[@lev_bul]

100K views or likes

[@brightsteel5695]

yes "for beginners, HTML & CSS tutorial" *CODES JSCRIPT*

[@fullgames926]

It's only a couple of JS lines cmon. And im noob AF

[@brightsteel5695]

@@fullgames926 yeah only a couple actually

[@brightsteel5695]

@@fullgames926 this comment was 9 months old lol i alr learned js php css html at like above average level also abit of lua

[@de-ke4xz]

you indian

[@Xstreamlive]

how can i take this const code = document.getElementById('code'); value to repace oure 72