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.
Code+Demo (With disabled look)