JavaScript
Article

Submit Input Striped Loading (Bootstrap Like)

By Sam Deering

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)

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • Mahmoud Salem

    simple and nice

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.