Show progress bar while loading webview in android

Hide progress bar automatically after webview page finish loading.

Progress bar is simple round progress displaying bar used to display on android activity screen while some background task is running. Developer can use progress bar with webview. So my in this project i am loading webview with progress bar and after done loading webview the progress bar automatically hide from activity screen and webpage will show the loaded website. So here is the complete step by step tutorial for Show progress bar while loading webview in android.

android-project-download-code-button

Note: Please add internet permission on AndroidManifest.xml file.

<uses-permission android:name=”android.permission.INTERNET” />

How to Show progress bar while loading webview in android.

Code for MainActivity.java file.

 package com.android_examples.com.webviewprogressbarload;

import android.app.Activity;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebView;
import android.widget.ProgressBar;


public class MainActivity extends Activity {

 WebView webview;
 ProgressBar pbar;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 
 webview = (WebView)findViewById(R.id.webView1);
 pbar = (ProgressBar)findViewById(R.id.progressBar1);
 webview.setWebViewClient(new WebViewClient());
 webview.loadUrl("https://www.google.com");
 }
 
 public class WebViewClient extends android.webkit.WebViewClient
 {
 @Override
 public void onPageStarted(WebView view, String url, Bitmap favicon) {
 
 // TODO Auto-generated method stub
 super.onPageStarted(view, url, favicon);
 }
 
 @Override
 public boolean shouldOverrideUrlLoading(WebView view, String url) {
 
 // TODO Auto-generated method stub
 view.loadUrl(url);
 return true;
 }
 @Override
 public void onPageFinished(WebView view, String url) {
 
 // TODO Auto-generated method stub
 
 super.onPageFinished(view, url);
 pbar.setVisibility(View.GONE);
 
 }
 
 }

 
}

Code for activity_main.xml layout file.

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 tools:context="com.android_examples.com.webviewprogressbarload.MainActivity" >

 <ProgressBar
 android:id="@+id/progressBar1"
 style="?android:attr/progressBarStyleLarge"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true" />

 <WebView
 android:id="@+id/webView1"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_below="@+id/progressBar1"
 android:layout_centerHorizontal="true" />

</RelativeLayout>

 

Code for AndroidManifest.xml file.

 <?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="com.android_examples.com.webviewprogressbarload"
 android:versionCode="1"
 android:versionName="1.0" >

 <uses-sdk
 android:minSdkVersion="8"
 android:targetSdkVersion="21" />

 <uses-permission android:name="android.permission.INTERNET" />
 <application
 android:allowBackup="true"
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name"
 android:theme="@style/AppTheme" >
 <activity
 android:name=".MainActivity"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />

 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>

</manifest>

Screenshots:

Show progress bar while loading webview in android

done loading webview

Click Here To Download Show progress bar while loading webview in android project.

6 Comments

  1. How i can set text of progressbar using this code

  2. finally. this progress bar only works. Tnx. I’m new in android world 🙂

  3. how to used for Submit button login page load the progress_bar

Leave a Reply

Your email address will not be published. Required fields are marked *