Add a Progress Bar in WebView

Question

I am trying to add a progress loading bar to my application that uses WebView  I am confused on how to implement a progress bar that appears every time a link is clicked   Current code   public class CULearnBrowser extends Activity        WebView webview        Override     public void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout main           webview    WebView  findViewById R id webview           webview setWebViewClient new HelloWebViewClient             webview getSettings   setJavaScriptEnabled true           webview loadUrl  https   culearn colorado edu webct entryPageIns dowebct               private class HelloWebViewClient extends WebViewClient            Override         public boolean shouldOverrideUrlLoading WebView view  String url                view loadUrl url               return true                       public boolean onKeyDown int keyCode  KeyEvent event            if   keyCode    KeyEvent KEYCODE BACK   amp  amp  webview canGoBack                  webview goBack                return true                    return super onKeyDown keyCode  event             Activity layout    lt  xml version  1 0  encoding  utf-8   gt    lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  vertical      android layout width  fill parent      android layout height  fill parent  gt        lt WebView  xmlns android  http   schemas android com apk res android          android id    id webview          android layout width  fill parent          android layout height  fill parent    gt        lt TextView           android layout width  fill parent           android layout height  wrap content           android text   string hello    gt   lt  LinearLayout gt

User · Answer

Put a progress bar and the webview inside a relativelayout and set the properties for the progress bar as follows,

Make its visibility as GONE.
CENTRE it in the Relativelayout.

and then in onPageStarted() of the webclient make the progress bar visible so that it shows the progressbar when you have clicked on a link. In onPageFinished() make the progress bar visiblility as GONE so that it disappears when the page has finished loading... This will work fine for your scenario. Hope this helps...

User · Answer

in oncreate method where you have set your Webview    Override protected void onCreate Bundle savedInstanceState       TODO Auto-generated method stub super onCreate savedInstanceState    this requestWindowFeature Window FEATURE NO TITLE   setContentView R layout web view    web view    WebView  findViewById R id web view   pd   new ProgressDialog SiteOpenInWebView this       pd setMessage  Please wait Loading           pd show        web view setWebViewClient new MyWebViewClient         web view loadUrl  ur site name         WebViewClient  private class MyWebViewClient extends WebViewClient    Override public boolean shouldOverrideUrlLoading WebView view  String url        view loadUrl url        if   pd isShowing              pd show               return true      Override public void onPageFinished WebView view  String url        System out println  on finish        if  pd isShowing              pd dismiss

User · Answer

The best approch which worked for me is   webView setWebViewClient new WebViewClient           Override public void onPageStarted WebView view  String url  Bitmap favicon              super onPageStarted view  url  favicon             mProgressBar setVisibility ProgressBar VISIBLE             webView setVisibility View INVISIBLE                   Override public void onPageCommitVisible WebView view  String url          super onPageCommitVisible view  url         mProgressBar setVisibility ProgressBar GONE         webView setVisibility View VISIBLE         isWebViewLoadingFirstPage false

User · Answer

pass your url in this method  private void startWebView String url             WebSettings settings   webView getSettings             settings setJavaScriptEnabled true           webView setScrollBarStyle View SCROLLBARS OUTSIDE OVERLAY            webView getSettings   setBuiltInZoomControls true           webView getSettings   setUseWideViewPort true           webView getSettings   setLoadWithOverviewMode true            progressDialog   new ProgressDialog ContestActivity this           progressDialog setMessage  Loading               progressDialog show             webView setWebViewClient new WebViewClient                  Override             public boolean shouldOverrideUrlLoading WebView view  String url                    view loadUrl url                   return true                              Override             public void onPageFinished WebView view  String url                    if  progressDialog isShowing                          progressDialog dismiss                                                  Override             public void onReceivedError WebView view  int errorCode  String description  String failingUrl                    Toast makeText ContestActivity this   Error     description  Toast LENGTH SHORT  show                                       webView loadUrl url

User · Answer

Here is the code that I am using   Inside WebViewClient                   Override              public void onPageStarted WebView view  String url  Bitmap favicon                   super onPageStarted view  url  favicon                 findViewById R id progress1  setVisibility View VISIBLE                                Override             public void onPageFinished WebView view  String url                    findViewById R id progress1  setVisibility View GONE                   Here is the XML     lt ProgressBar     android id    id progress1      android layout centerHorizontal  true      android layout centerVertical  true      android layout width  wrap content      android layout height  wrap content    gt    Hope this helps

User · Answer

You can try this code into your activity      private void startWebView WebView webView String url     webView setWebViewClient new WebViewClient                 ProgressDialog progressDialog               public boolean shouldOverrideUrlLoading WebView view  String url                    view loadUrl url                   return false                              Override             public void onPageStarted WebView view  String url  Bitmap favicon                    super onPageStarted view  url  favicon                              public void onLoadResource  WebView view  String url                         if  progressDialog    null                            progressDialog   new ProgressDialog SponceredDetailsActivity this                           progressDialog setMessage  Loading                               progressDialog show                                                     public void onPageFinished WebView view  String url                    try                      if  progressDialog isShowing                              progressDialog dismiss                            progressDialog   null                                          catch Exception exception                       exception printStackTrace                                                          webView getSettings   setJavaScriptEnabled true           webView loadUrl url           Call this method using this way   startWebView web view  Your Url      Sometimes if URL is dead it will redirected and it will come to  onLoadResource   before  onPageFinished method  For this reason progress bar will not dismis  To solve this issue see my this Answer   Thanks

User · Answer

I try dismis progress on method onPageFinished    but not good too much  it has time delay to render webview   try with onPageCommitVisible   better   val progressBar   ProgressDialog context      progressBar setCancelable false      progressBar show       val url    your url here      web container settings javaScriptEnabled   true     web container loadUrl url       web container webViewClient   object   WebViewClient             override fun shouldOverrideUrlLoading view  WebView  url  String   Boolean               view loadUrl url              progressBar show               return true                    override fun onPageFinished view  WebView   url  String                 super onPageFinished view  url                    override fun onPageCommitVisible view  WebView   url  String                 super onPageCommitVisible view  url              progressBar dismiss                       web container setOnKeyListener View OnKeyListener      keyCode  event - gt          if  keyCode    KEYCODE BACK  amp  amp  event action    MotionEvent ACTION UP                  amp  amp  web container canGoBack                  web container goBack               return OnKeyListener true                   return OnKeyListener false

User · Answer

I have added few lines in your code and now its working fine with progress bar          getWindow   requestFeature Window FEATURE PROGRESS           setContentView R layout main               Makes Progress bar Visible         getWindow   setFeatureInt  Window FEATURE PROGRESS  Window PROGRESS VISIBILITY ON            webview    WebView  findViewById R id webview           webview setWebChromeClient new WebChromeClient                 public void onProgressChanged WebView view  int progress                                     Make the bar disappear after URL is loaded  and changes string to Loading                    setTitle  quot Loading    quot                    setProgress progress   100     Make the bar disappear after URL is loaded                          Return the app name after finish loading                 if progress    100                     setTitle R string app name                                             webview setWebViewClient new HelloWebViewClient             webview getSettings   setJavaScriptEnabled true           webview loadUrl  quot http   www google com quot

[android] Add a Progress Bar in WebView

Examples related to android

Examples related to android-webview

Examples related to progressdialog

Examples related to android-progressbar