HTMX menyediakan mekanisme bawaan untuk menampilkan indikator loading (spinner, pesan "memuat", dsb.) tanpa perlu JavaScript tambahan.

hx-indicator

<button hx-get="/api/data" hx-indicator="#spinner">
  Load Data
</button>
<span id="spinner" class="htmx-indicator">Loading...</span>

CSS Class htmx-indicator

.htmx-indicator {
  opacity: 0;
  transition: opacity 200ms;
}
.htmx-request .htmx-indicator {
  opacity: 1;
}

Saat request berlangsung, HTMX menambahkan class htmx-request ke elemen trigger (atau indicator parent).

Inline Indicator

<button hx-get="/api" class="btn">
  Load <span class="htmx-indicator">⏳</span>
</button>