網頁「載入中」轉圈效果實現：AJAX 前顯示、成功後隱藏

頁面載入時出現轉圈動畫，是如何實現的？是否與 AJAX 有關？

標準實現模式

1. HTML 結構：一個固定定位的 `
   載入中…
   `，預設 `display:none`，置中、高層級、半透明遮罩。
2. CSS 樣式：`.loading { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; z-index:9999; }`，內含 CSS 動畫轉圈（`@keyframes spin`）。
3. JS 控制：

   // jQuery AJAX 範例
   $.ajax({
     url: '/api/data',
     beforeSend: () => $('#loading').show(),
     complete: () => $('#loading').hide(),
     success: (data) => { /* 渲染資料 */ }
   });
   

非 AJAX 頁面跳轉時，瀏覽器原生載入指示器已足夠；單頁應用（SPA）路由切換同理掛在路由守衛/攔截器中。