ProgressView Plugin For Backbone.Marionette

npm install marionette-progressview
4 downloads in the last month

Marionette.ProgressView Build Status

A Flexible and customizable Backbone.Marionette Progress Series View.

What does that mean?

  • Easily Extensible to do what you need when loading views in order
  • onUpdate / onComplete methods for view events
  • Current Completion Percentage method
  • Custom Container Template
  • Start with any view index
  • Trigger Next / Previous load within the loaded view
  • Call loadNextView / loadPreviousView directly

Getting Started

I have included a simple ProgressView example with a bootstrap progressbar in the example directory.

  • Clone the Repo and cd into directory
  • Install Dev Dependencies (npm install)
  • Start the dev server (grunt dev)
  • Choose the examples directory within the browser
  • Enjoy the example


Options :

  • template -> (string/function) Use a custom container template
  • viewContainer -> (string) Where to place the views on render
  • viewIndex -> (int) Which view to start with
  • views -> (array) Views to load in array order

    var sequentialProgressView = Marionette.ProgressView.extend({
       template : _.template("<div class='custom'></div>"),
       viewContainer : '.custom',
       views : [


  • Marionette - v1.0.0


In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using grunt.

Release History

  • 0.1.0 Initial release
  • 0.2.0 Updated Backbone listenTo/BindTo handlers, expose getViewCount, added default template
  • 0.2.1 Added Current Index to onUpdate method
  • 0.2.2 Added onBeforeClose method to call onComplete method


Licensed under the Apache 2.0 license.


Chris Miller

npm loves you