［JavaScript + CSS］webページのフォームなどのメール送信の進捗をアニメーション表示してくれる送信ボタンです。メール送信ボタンをクリックすると、テキスト表示が、「メール送信」（紙飛行機アイコン）から →「送信中」（ローディンアイコン）→「送信終了！」（チェックアイコン）と切り替わって進捗を表示し、少しして元に戻ります。

送信ボタンの構造（htmlソース）

<div>
　 <div id='container' class='container' onclick='onClick()'>
　　　 <div id='circle' class='circle'></div>
　　　 <div id='text' class='text'>メール送信</div>
　 </div>
</div>