Is it wrong to cover a form with the "Saving…" notification?

Some forms could take a while to save (internet speed, slow data validation...) and there is the need to show that the system is saving the data while locking the form from further edits.

  1. Is there a better pattern among the following two ideas?
  2. Are there differences between mobile and desktop on this?

Option 1 - notification above form

enter image description here

  • Display a notification like "Saving" (with a spinner) covering the entire form. (This would lock the form from further editing while saving. Also the buttons get disabled)
  • Then the notification can turn into "Saved" (with big green checkmark)
  • Dismiss modal/close page

Option 2 - small notification inline with button

enter image description here

  • Use a "Saving" message inline with the saving button (while disabling form and buttons)
  • Confirm that the form is saved replacing the notification with a "Saved"
  • Dismiss modal/close page
Tags: , , , , , ,