Submit Input Striped Loading (Bootstrap Like)

By Sam Deering


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)

  • Mahmoud Salem

    simple and nice



Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

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