<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
title
>Button Loading Animation</
title
>
<
link
rel
=
"stylesheet"
href
=
"style.css"
>
</
head
>
<
body
>
<
div
class
=
"form-container"
>
<
h1
>GeeksforGeeks</
h1
>
<
form
id
=
"my-form"
>
<
label
for
=
"username"
>Username:</
label
>
<
input
type
=
"text"
id
=
"username"
name
=
"username"
required>
<
br
><
br
>
<
label
for
=
"password"
>Password:</
label
>
<
input
type
=
"password"
id
=
"password"
name
=
"password"
required>
<
br
><
br
>
<
div
class
=
"btn-container"
>
<
button
id
=
"loadButton"
class
=
"btn"
>
Submit
<
div
class
=
"loader"
id
=
"loader"
>
</
div
>
</
button
>
</
div
>
</
form
>
</
div
>
<
script
src
=
"script.js"
></
script
>
</
body
>
</
html
>