Novo curso! Todo programador deveria aprender IA generativa!
Experimente uma aula grƔtis0
Why this animation is generating
A simple ":" is creating animation in html. https://code.sololearn.com/W2COvhMF1x0o/?ref=app
4 Respostas
+ 3
So ugly that it is almost nice
šÆ
+ 1
Try it elsewhere than sololearn if it works.
Sololearn even so <div> of head tag.
I think sololearn getting second progress as css content due to : and ;
0
Now see and observe changes
https://code.sololearn.com/WTNYgiCxngmz/?ref=app
ą¤®ą¤Øą„ ą¤°ą¤¾ą¤Æ ą¤¬ą„ą¤°ą¤¹ą„ą¤®ą¤°ą„ą¤·ą¤æ
0
Browser engine is very kind, when it fail to parse an element, it will just assume a default behaviour for rendering the element. Here your second progress element's attributes are not well parsed (due to the use of colons and semicolons), so browser simply render a default progress element.
Try add a default progress element <progress></progress> in your code, you'll see that a default progress element is behaving similarly to the second progress which uses colons and semicolons.