How to show a progress bar in AngularJS
<p>i'm kind of new using <code>AngularJs framework</code> and i am not that good in English. so i hope somebody can help me solve my problem and never mind my grammar hehe. i know mostly of progress bar in <code>angularjs</code> triggered by <code>ng-show</code>, but what if i want to put a progress bar before an <code>object</code> tag loads. for example</p>

<pre><code>    &lt;div class="progress"&gt;
  &lt;div class="progress-bar" role="progressbar" aria-valuenow="70"
   aria-valuemin="0" aria-valuemax="100" style="width:70%"&gt;
    &lt;object width="400" height="400" data="file.pdf"&gt;&lt;/object&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>let assume that that "file.pdf" is being fetch from the server. that being said it needs time to load, so i want to put a progress bar on that time while the data if being fetch from the server and hide it when the object is fully loaded thank you guys.</p>

<p>data flow example : 
(file.pdf) ----Fetching---- [controller]----Progress bar--View(html)</p>