Cara Membuat Progress Bar di WebView Android Studio

Bagaimana membuat progress bar di webview android studio? Apa script untuk mengaktifkan Progress Bar di aplikasi android? Apa langkah-langkah mensetting Progress Bar di WebView Android Studio?

Pada saat sebuah program app di perangkat Smartphone berbasis Android diaktifkan akan membutuhkan jeda waktu untuk loading. Biasanya proses loading ditandai dengan progres bar, baik berbentuk garis horisontal maupun lingkaran.

Progress Bar dibutuhkan untuk memperindah tampilan aplikasi android yang dihasilkan dari konversi Website menjadi Aplikasi Android dengan WebView Android Studio. Lalu, Bagaimana membuat script atau bahasa pemrograman di WebView android?  Android Studio memfasilitasi pembuatan progress bar dengan memodifikasi di xml dan java.

Langkah Membuat Progres Bar di WebView Android Studio

Adapun langkah-langkah  memodifikasi xml dan java pada Android Studio sebagai  berikut:

A. Perubahan di Activity_main.xlm

Langkah-langkah menambah Progress Bar di Activity_main.xlm sebagai berikut:

1. Pilih app/res/layout/Activity_main.xlm

2. Klik Activity_main

3. Klik taskbar “text”

4. Tulis script dibawah ini:

<ProgressBar
android:id=“@+id/progress2”

    style=”?android:attr/progressBarStyle”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_centerHorizontal=“true”
android:layout_marginTop=“110dp”
/>

• progress2 = nama progress bar yang bisa dirubah sesuai keinginan dan nama ini akan digunakan ketika modifikasi MainActivity.java
• style=”?android:attr/progressBarStyle” = Nama style progress bar

5. Klik save

B. Perubahan MainActivity.java

Langkah memodifikasi MainActivity.java di projek WebView Android Studio  yang dipasang di SmartPhone sebagai beriku:

1. Pilih

app/java/com.applicationname/MainActivity

2. Klik MainActivity.java

3. Tulis script atau bahasa pemrograman berikut:

public class MainActivity extends AppCompatActivity {
WebView webView;
ImageView image;
    ProgressBar bar;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);

webView = (WebView) findViewById(R.id.webView);
image = (ImageView) findViewById(R.id.image1);
bar = (ProgressBar) findViewById(R.id.progress2);

• ProgressBar bar;   :    penamaan menu progressBar. Jangan lupa, setiap scrip diakhiri titik koma
• Bar                            :    identitas atau nama progressBar
• progress2                :    nama progressBar yang dibuat di Activity_main.xlm

4. Klik save atau klik control+huruf “S”

Tutorial Android Studio

Tutorial Lainnya

Artikel Terbaru

• 4 Strategi Mengelola Otak (Talenta) Untuk Kemajuan Bangsa: Studi Kasus 4 Negara
• Refleksi FGD Merumuskan Peta Jalan Madrasah Vokasi
• Sosialisasi KMA 512 Tahun 2026 Pedoman KBC di Webinar APPAKSI
• Uji Kompetensi Kenaikan Jabatan Fungsional guru dan pengawas
• Teori Refleksi dalam Pendidikan: Pengertian, Tujuan, Manfaat, dan Cara Melakukannya
• Growth Mindset dalam Pendidikan Islam: Pengertian, Manfaat, dan Cara Menerapkannya