送信中の待ち時間にローディングのような画面を出したい

Question

PHPMailerでGoogle Works(有償版)のGmailで
XOAUTH2認証を実装しました。

送信は一回だけですが、
送信完了までの時間が2〜4秒と長いので困っています。

そこでユーザビリティの対策として、
「送信中」は「ローディング中のような画面」を表示しようと考えています。

このサイト、teratailのように、
「質問する」などのボタンを押すと、
黒い小さな画面で◯◯◯と表示されると思います。

質問ですが、
おすすめの「ローディング中のような画面」の実装の方法を
大まかに教えて頂けないでしょうか？

PHPをはじめて間もないので、
ネットで検索しても
いまいち取っ掛かりがつかめていません。

何卒よろしくお願い致します。

Answer 1

「やりたいこと」から、実装がイメージできないレベルだとちょっと作り上げるのは無理じゃないかなぁ。。。
非同期処理になるので php で実装しようとすると要素技術のそれぞれが、(少しだけですが)ハードルが高いです。

ざっと例を上げると、以下の流れになるかと。

フロント
・フロント側から、送信ステータスを監視開始する(バック側のステータス管理 API を叩く)
・「ローディング中のような画面」を表示
・送信ステータスが「完了」になれば、「ローディング中のような画面」を消去して表示を変更

バック1(投稿用)
・送信ステータスとして「準備中」であることを保存する
・mail 送信を適当に起動させる
・適当にレスポンスを発生させる

バック2(mail 送信)
・投稿用システムから、mail 送信を引き継ぎ
・送信ステータスを「送信中」に変更
・送信完了を確認(適当なエラーハンドリング)
・送信ステータスを「完了」に変更

バック3(ステータス管理)
・フロントからのステータス確認要求にレスポンス

実装の QA は手取り足取りになりそうなので対応しません。
学習をすすめるか、業者に依頼するかしてください。