title: WKWebView Estimated Progress
body: <p><strong>I'm trying to implement <code>Estimated Progress</code> in my <code>WKWebView</code></strong> but can't seem to figure it out.  Can you help?</p>
  
  <p>Here's what I've got:</p>
  
  <pre><code>self.view = self.webView;
  
  NSURL *url = [NSURL URLWithString:stringWeb];
  NSURLRequest *request = [NSURLRequest requestWithURL:url];
  
  WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
  
  self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:configuration];
  
  [self.webView loadRequest:request];
  </code></pre>
  
  <p>I see this answer gets at it a bit, but thats for a spinner: <a href="https://stackoverflow.com/questions/21263358/uiwebview-with-progress-bar">UIWebView with Progress Bar</a></p>
  
  <p>And Apple documents some sort of <code>estimatedProgress</code> (I'm assuming its the thin blue bar right below the navigation bar that shows progress like in Safari) but I don't see generally how that would be implemented: <a href="https://developer.apple.com/library/ios/documentation/WebKit/Reference/WKWebView_Ref/#//apple_ref/occ/instp/WKWebView/estimatedProgress" rel="noreferrer">https://developer.apple.com/library/ios/documentation/WebKit/Reference/WKWebView_Ref/#//apple_ref/occ/instp/WKWebView/estimatedProgress</a></p>
  
  <p>So I'm stuck here.  Any help would be appreciated, thanks!</p>
  
  <p><strong>UPDATE</strong>: <em>This is what I have right now.  Getting a crash because it looks like my Progress View and WKWebView are loading twice, and I'm not sure why that would be.  Getting an error that observer needs to be removed.  Here's my code as it stands-</em></p>
  
  <p><em>ViewController.h</em></p>
  
  <pre><code>@interface WebPageViewController : UIViewController &lt;UIWebViewDelegate&gt;
  @property (strong, nonatomic) NSString *stringMobile;
  @property (strong, nonatomic) NSString *stringWeb;
  @property (strong, nonatomic) IBOutlet UIView *view;
  @property (nonatomic, strong) WKWebView *webView;
  @property (nonatomic) UIProgressView *progressView;
  </code></pre>
  
  <p><em>ViewController.m</em></p>
  
  <pre><code>- (void)viewDidLoad
  {
      [super viewDidLoad];
      // Do any additional setup after loading the view.
  
      self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
      [self.view addSubview:self.webView];
  
      [self.webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:NULL];
  
      self.progressView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault];
      self.progressView.center = self.view.center;
      [self.view addSubview:self.progressView];
  
      NSURLRequest *URLRequest = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:stringWeb]];
      [self.webView loadRequest:URLRequest];
  
  
  }
  
  - (void)dealloc {
      [self.webView removeObserver:self forKeyPath:@"estimatedProgress"];
  
      // if you have set either WKWebView delegate also set these to nil here
      [self.webView setNavigationDelegate:nil];
      [self.webView setUIDelegate:nil];
  }
  
  - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
      if ([keyPath isEqualToString:@"estimatedProgress"] &amp;&amp; object == self.webView) {
          [self.progressView setAlpha:1.0f];
          [self.progressView setProgress:self.webView.estimatedProgress animated:YES];
  
          if(self.webView.estimatedProgress &gt;= 1.0f) {
              [UIView animateWithDuration:0.3 delay:0.3 options:UIViewAnimationOptionCurveEaseOut animations:^{
                  [self.progressView setAlpha:0.0f];
              } completion:^(BOOL finished) {
                  [self.progressView setProgress:0.0f animated:NO];
              }];
          }
      }
      else {
          [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
      }
  }
  </code></pre>
  
  <p>UPDATE: Using the CocoaPods this is what I have but its showing two Views instead of just one webview</p>
  
  <pre><code>- (void)viewDidLoad {
      [super viewDidLoad];
      NSURL *myURL = [NSURL URLWithString: [self.url stringByAddingPercentEscapesUsingEncoding:
                                            NSUTF8StringEncoding]];
      NSURLRequest *request = [NSURLRequest requestWithURL:myURL];
      //[self.webView loadRequest:request];
  
      // KIN
      // Deleted UIWebView in Storyboard
      KINWebBrowserViewController *webBrowser = [[KINWebBrowserViewController alloc] init];
      [self.navigationController pushViewController:webBrowser animated:YES];
      [webBrowser loadURL:myURL];
  }
  </code></pre>