title: Using the ProgressBar with the Grid
body: <p>SO...</p>
  
  <ol>
  <li>I want to use this:
  <a href="http://demos.telerik.com/kendo-ui/progressbar/angular" rel="nofollow">http://demos.telerik.com/kendo-ui/progressbar/angular</a></li>
  <li>With this:
  <a href="http://docs.telerik.com/kendo-ui/AngularJS/the-grid-widget" rel="nofollow">http://docs.telerik.com/kendo-ui/AngularJS/the-grid-widget</a></li>
  </ol>
  
  <p>We already have the Grid implemented and working, but the hurdle is that the basic progress indicator doesn't work for us and I'm tasked with getting the ProgressBar into place because in some cases we have extremely long load times for huge record sets.</p>
  
  <p>Has anybody got this to work, and if so - do you have an example?</p>
  
  <p>I made an attempt to hook into the Grid's data loading process (dataBinding and dataBound), but did not seem to get anywhere.  I have an understanding that another controller may be needed just for the ProgressBar to do its updating, but am hoping I can compartmentalize it to the binding events.</p>
  
  <p>The trickiest part will be making the loading seem as realistic as possible, since the timing on this will vary widely.</p>
  
  <p>We're using Breeze JS and WebAPI service endpoints for loading data.  Breeze is an OData data layer provider for the client-server relationship.</p>
  
  <p>We are using very strict standards around Angular, so using Jquery is not an option to direct hook into the DOM unless I can really justify it cannot be done any other way.</p>
  
  <ul>
  <li>Here's the Progress Bar API:
  <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/progressbar" rel="nofollow">http://docs.telerik.com/kendo-ui/api/javascript/ui/progressbar</a></li>
  <li>Here's the Grid API:
  <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/grid" rel="nofollow">http://docs.telerik.com/kendo-ui/api/javascript/ui/grid</a>   </li>
  <li>And the BreezeJS Api:
  <a href="http://www.breezejs.com/sites/all/apidocs/index.html" rel="nofollow">http://www.breezejs.com/sites/all/apidocs/index.html</a></li>
  </ul>
  
  <p>Thanks in advance for any help or guidance anyone can provide.  Let me know if you need code samples, but the API pretty much provides everything.</p>