How to Add Progress Dialog in Android Webview App| Webview App Development Series Part 6

Hi, Today I am going to show you how to add progress dialog in Webview or any android app. Let's Start.

First, you need to take a global ProgressDialog, I called it pd;

Code:

private ProgressDialog pd;

After that within "oncreate" section you need to assign that variable pd, then you have to set Message which you want to show when the website loading. In my case, I will show "Loading Please wait....".

After that, you need to write a function below "onCreate" and then you need to call that function inside onCreate and pass into WebViewClient function. See below code:

Code:

pd = new ProgressDialog(MainActivity.this); pd.setMessage("Loading Please Wait...."); web.setWebViewClient(new mbfllixer(pd)); pd.setCanceledOnTouchOutside(false);

I have given the name of that function is "mbfllixer" and "web" is my variable name, in that variable I stored webview layout. Also you have to call an override function "onPageFinished". When our website loading will finish, the Progress Dialog should go. So, the code will be:

Code:

public class mbfllixer extends WebViewClient { ProgressDialog pd; public mbfllixer(ProgressDialog pd){ this.pd=pd; pd.show(); } @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); if (pd.isShowing()){ pd.dismiss(); } } }

We have finished the coding for showing Progress Dialog. So the whole final code will be in MainActivity.java is :

Code:

package com.ss.tweetpost; import androidx.appcompat.app.AppCompatActivity; import android.app.ProgressDialog; import android.os.Bundle; import android.view.View; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public class MainActivity extends AppCompatActivity { private WebView web; String webUrl = "https://trickssoftware.com/AIOD/vimeo-video-downloader"; private ProgressDialog pd; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); web = (WebView) findViewById(R.id.myweb); web.loadUrl(webUrl); WebSettings mywebsettings = web.getSettings(); mywebsettings.setJavaScriptEnabled(true); web.setWebViewClient(new WebViewClient()); //progress alert pd = new ProgressDialog(MainActivity.this); pd.setMessage("Loading Please Wait...."); web.setWebViewClient(new mbfllixer(pd)); pd.setCanceledOnTouchOutside(false); } public class mbfllixer extends WebViewClient { ProgressDialog pd; public mbfllixer(ProgressDialog pd){ this.pd=pd; pd.show(); } @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); if (pd.isShowing()){ pd.dismiss(); } } } @Override public void onBackPressed() { if(web.canGoBack()){ web.goBack(); } else { super.onBackPressed(); } } }

And the whole code will be in activity_main.xml is :

Code:

<?xml version="1.0" encoding="utf-8"?> <Linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <WebView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/myweb"/> </Linearlayout>

That's it, now we will run our project, As you can see in my screenshot below we have successfully added Progress Dialog in our Webview App.

If you face any problem, you can let us know in the comment box below. Thanks.