How to create a loading image on button?

Question

I want to create a button. i have designed it with css. but how can i add a loading image in it to ensure users that their form is submitting. i can do it with onclick event on JS but it keeps showing imaging even form is declined. so need help.

Answer 1

try css progress bar

Answer 2

Thanks for your answer bro. But it would be better if you explained more detail.

Answer 3

You may use CSS Transition effects or setInterval function to have expiry time.
Transition effects can be applied to a wide variety of CSS properties, including background-color, width, height, opacity, and many more.
I dont remember the syntax. Just google using keyword for details.

Answer 4

thank you bro

Answer 5

https://code.sololearn.com/WHS8voelyFq6/?ref=app