submit-boot

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.

Benefits

  • Loading image not needed CSS only.
  • Easily used with Bootstrap styles.
  • Can change color based on result.
  • Button is disabled when submitting.

Downfalls

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)

Sam Deering Sam Deering
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

  • Mahmoud Salem

    simple and nice

Related books & courses
Available now on SitePoint Premium

Preview for $1