title: Displaying loader while meteor collection loads
body: <p>I have a template, <code>task_list</code>, that looks like this:</p>
  
  <pre><code>{{#each tasks}}
      {{&gt; task}}
  {{/each}}
  </code></pre>
  
  <p><code>Template.task_list.tasks</code> returns a collection and in the ui, it seems to take a bit of time to load.</p>
  
  <p>While the collection is loading, I'd like to show a loading indicator.</p>
  
  <p>Any ideas on how I might be able to do that?</p>
  
  <p>BTW, I did try the templates' <code>rendered</code> event on task_list template, however it gets fired before the list is actually loaded. I also tried using <code>rendered</code> on the <code>task</code> template but it seems to never get called.</p>