Are there examples of using animations on actions buttons to indicate that the action triggered by the user is in progress? Is it better to apply a modal or lightbox effect to block out other actions if the user can't do anything else anyway, or could this be an acceptable approach for devices with smaller viewing space (e.g. mobile phones).

1 Answer 1


Are there examples of progress buttons you say. Indeed there are. You'll definitely like this.

If other action buttons exist on the page that will cancel out the active action, but are not cancel buttons, I would say yes, disable them. But if there is a specific action button, a cancel button, that is meant to cancel the action in progress, than I wouldn't disable them.

  • A very interesting link, but I wonder if it is just doing too much when it is better to keep things nice and simple. Also, would it really be more restricted to the desktop or tablet space rather than on mobile phones or apps?
    – Michael Lai
    May 3, 2014 at 0:00
  • Animations help users understand the process. When submitting a form, no animation or no specific 'success-message' will leave the user wondering if their submission was successful. A small animation on the submit button, as seen in the link, will allow you to convey the 'success-message' to the user while staying on the same page (because success messages often force you to remove the form and to change the page in order to display the message) (it's also a nice alternative to alert messages). In that case, an animation on a button is nice and simple and IMO usable for desktop and mobile May 5, 2014 at 5:50

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.