Useful for ajax submit on forms without page refresh to show instead of a loading image. Your form validation should happen back end too so it’s useful to show something to the user that the form is processing while this happens.
- Loading image not needed CSS only.
- Easily used with Bootstrap styles.
- Can change color based on result.
- Button is disabled when submitting.
Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.
Versions earlier than Internet Explorer 10 and Opera 12 do not support animations.
Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.
The Principles of Beautiful Web Design, 4th Edition
Docker for Web Developers
HTML5 Games: Novice to Ninja