Ember.js progress bar component for bootstrap. Simplified version of https://github.com/jamesarosen/progressbars

progress_bar.coffee

App.ProgressBar = Ember.View.extend
  classNames: ['progress']
  template: -> '<div class="bar"></div>'
  percent: 0

  percentDidChange: (->
    percent = @get 'percent' || 0
    @$('.bar').css 'width', percent + '%'
  ).observes('percent')

template.hbs

{{#each file in controller}}
  {{view App.ProgressBar percentBinding="file.percentDownloaded"}}
{{/each}}