Android WebView progress bar

Question

I have looked at a question similar to this here but as I am a newbie could someone explain how to get this to work in a WebView or at least how to set a 10 second time delay so people know that it s loading

User · Answer

here is the easiest way to add progress bar in android Web View.

Add a boolean field in your activity/fragment

private boolean isRedirected;

This boolean will prevent redirection of web pages cause of dead links.Now you can just pass your WebView object and web Url into this method.

private void startWebView(WebView webView,String url) {

    webView.setWebViewClient(new WebViewClient() {
        ProgressDialog progressDialog;

        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            isRedirected = true;
            return false;
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
            isRedirected = false;
        }

        public void onLoadResource (WebView view, String url) {
            if (!isRedirected) {
                if (progressDialog == null) {
                    progressDialog = new ProgressDialog(SponceredDetailsActivity.this);
                    progressDialog.setMessage("Loading...");
                    progressDialog.show();
                }
            }

        }
        public void onPageFinished(WebView view, String url) {
            try{
                isRedirected=true;

                if (progressDialog.isShowing()) {
                    progressDialog.dismiss();
                    progressDialog = null;
                }



            }catch(Exception exception){
                exception.printStackTrace();
            }
        }

    });

    webView.getSettings().setJavaScriptEnabled(true);
    webView.loadUrl(url);
}

Here when start loading it will call onPageStarted. Here i setting Boolean field is false. But when page load finish it will come to onPageFinished method and here Boolean field is set to true. Sometimes if url is dead it will redirected and it will come to onLoadResource() before onPageFinished method. For this reason it will not hiding the progress bar. To prevent this i am checking if (!isRedirected) in onLoadResource()

in onPageFinished() method before dismissing the Progress Dialog you can write your 10 second time delay code

That's it. Happy coding :)

User · Answer

This is how I did it with Kotlin to show progress with percentage   My fragment layout    lt FrameLayout 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  gt    lt WebView     android id    id webView      android layout width  match parent      android layout height  match parent   gt    lt ProgressBar     android layout marginLeft  32dp      android layout marginRight  32dp      style   android attr progressBarStyleHorizontal      android layout width  match parent      android layout height  wrap content      android layout gravity  center      android id    id progressBar   gt   lt  FrameLayout gt    My kotlin fragment in onViewCreated      progressBar max   100      webView webChromeClient   object   WebChromeClient             override fun onProgressChanged view  WebView   newProgress  Int                super onProgressChanged view  newProgress              progressBar progress   newProgress                       webView   webViewClient   object   WebViewClient              override fun onPageStarted view  WebView   url  String   favicon  Bitmap                 progressBar visibility   View VISIBLE             progressBar progress   0              super onPageStarted view  url  favicon                     override fun shouldOverrideUrlLoading view  WebView   url  String    Boolean               view  loadUrl url              return true                    override fun shouldOverrideUrlLoading              view  WebView               request  WebResourceRequest    Boolean               if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP                    view  loadUrl request  url toString                              return true                    override fun onPageFinished view  WebView   url  String                 super onPageFinished view  url              progressBar visibility   View GONE                      webView loadUrl url

User · Answer

For a horizontal progress bar  you first need to define your progress bar and link it with your XML file like this  in the onCreate   final TextView txtview    TextView findViewById R id tV1   final ProgressBar pbar    ProgressBar  findViewById R id pB1     Then  you may use onProgressChanged Method in your WebChromeClient    MyView setWebChromeClient new WebChromeClient                 public void onProgressChanged WebView view  int progress                   if progress  lt  100  amp  amp  pbar getVisibility      ProgressBar GONE                      pbar setVisibility ProgressBar VISIBLE                      txtview setVisibility View VISIBLE                                    pbar setProgress progress                  if progress    100                       pbar setVisibility ProgressBar GONE                      txtview setVisibility View GONE                                                After that  in your layout you have something like this    lt TextView android text  Loading              android textAppearance   android attr textAppearanceSmall      android id    id tV1  android layout height  wrap content      android layout width  wrap content      android textColor   000000  gt  lt  TextView gt    lt ProgressBar android id    id pB1      style   android attr progressBarStyleHorizontal  android layout width  fill parent      android layout height  wrap content  android layout centerVertical  true      android padding  2dip  gt   lt  ProgressBar gt    This is how I did it in my app

User · Answer

wait until the process is over       while webview getProgress   lt  100    progressBar setVisibility View GONE

User · Answer

It s true  there are also more complete option  like changing the name of the app for a sentence you want  Check this tutorial it can help    http   www firstdroid com 2010 08 04 adding-progress-bar-on-webview-android-tutorials   In that tutorial you have a complete example how to use the progressbar in a webview app   Adrian

User · Answer

I have just found a really good example of how to do this here  http   developer android com reference android webkit WebView html   You just need to change the setprogress from   activity setProgress progress   1000     to  activity setProgress progress   100

User · Answer

According to Md  Sajedul Karim answer I wrote a similar one   webView    WebView  view findViewById R id web   progressBar    ProgressBar  view findViewById R id progress   webView setWebChromeClient new WebChromeClient      setProgressBarVisibility View VISIBLE   webView setWebViewClient new WebViewClient          Override     public void onPageStarted WebView view  String url  Bitmap favicon            super onPageStarted view  url  favicon           setProgressBarVisibility View VISIBLE               Override     public void onPageFinished WebView view  String url            super onPageFinished view  url           setProgressBarVisibility View GONE               Override     public void onReceivedError WebView view  WebResourceRequest request  WebResourceError error            super onReceivedError view  request  error           Toast makeText getActivity     Cannot load page   Toast LENGTH SHORT  show            setProgressBarVisibility View GONE              webView loadUrl url       private void setProgressBarVisibility int visibility           If a user returns back  a NPE may occur if WebView is still loading a page and then tries to hide a ProgressBar      if  progressBar    null            progressBar setVisibility visibility

[android] Android WebView progress bar

Examples related to android

Examples related to progress-bar

Examples related to webview