4. Laravel 12 dengan Inertia React — Progress Indicator

progress indicator yang saya gunakan adalah bawaan dari inertia. Kegunaanya untuk memunculkan progress bar dan juga spin loading di bagian pojok kanan atas untuk memberitahu user bahwa halaman sedang proses loading. Berikut cara menggunakannya:

Akses Component Utama

kita akan mengakses resources > js > app.jsx untuk menambahkan pengaturan warna (color) progress bar serta menambahkan indicator spin di pojok kanan atas:

createInertiaApp({
    // ...
    progress: {
        color: '#fff',
        showSpinner: true
    }
})

untuk mengecek bahwa code sudah berjalan, bisa dengan cara klik tombol Home di navbar, maka nanti di bagian atas akan muncul progress bar beserta spinner nya.

spinner dan progress bar berwarna putih

Terima kasih sudah mampir dan membaca sampai sini! Semoga tulisan ini bermanfaat. Kalau suka, dukung aku di Trakteer🍹 atau Ko-Fi ☕.
Keep learning, keep growing! ✨