Adding a progress bar to android webview java

Question

please i am very new in android development, i have my website which i load in webview and is working now i want to add a progress bar to show when a link is processing to render and hide the progress bar after page is loaded. please i have see a lot of examples but i kept on getting error while trying to implement it, please can someone help me using me own webview for example.

package com.mypage.mypage;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;


public class SourceProjectActivity extends AppCompatActivity {

    private WebView projectLoaderView;
    private ProgressBar progress;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_source_project);
        projectLoaderView = (WebView)findViewById(R.id.sourcejailview);
        WebSettings webSettings = projectLoaderView.getSettings();

        progress = (ProgressBar) findViewById(R.id.progressBar);
        progress.setMax(100);

        webSettings.setJavaScriptEnabled(true);
        webSettings.setSaveFormData(true);
        webSettings.setDatabaseEnabled(true);
        webSettings.setDomStorageEnabled(true);
        //local offline loader
        webSettings.setCacheMode( WebSettings.LOAD_DEFAULT );

        projectLoaderView.loadUrl("http://google.com");
        projectLoaderView.setWebViewClient(new WebViewClient());
        SourceProjectActivity.this.progress.setProgress(0);
    }

    private class MyWebViewClient extends WebViewClient {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            //super.onProgressChanged(view, newProgress);
        }
    }

    public void setValue(int progress) {
        this.progress.setProgress(progress);
    }

    @Override
    public void onBackPressed(){
        if(projectLoaderView.canGoBack()){
            projectLoaderView.goBack();
        }else {
            super.onBackPressed();
        }
    }

}

Here is my xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app=""
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_source_project"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.mypage.mypage.SourceProjectActivity">

    <WebView
        android:id="@+id/sourcejailview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true" >

        <ProgressBar
            style="@android:style/Widget.Material.Light.ProgressBar.Small"
            android:layout_width="match_parent"
            android:layout_x="124dp"
            android:layout_y="43dp"
            android:id="@+id/progressBar"
            android:layout_height="wrap_content" />
    </WebView>
</RelativeLayout>

Answer 1

WebViewClient doesn't have onProgressChanged() method. Instead of that you can use WebChromeClient and set progressbar as below:

private class MyWebViewClient extends WebViewClient {
        public void onProgressChanged(WebView view, int newProgress) {
                progress.setProgress(newProgress);
                //Maybe you want to hide it once it reaches 100
                if (newProgress == 100){
                       progress.setVisibility(ProgressBar.GONE);
                }
        }
}