ngWizard is an angular directive for creating an animated and reponsive wizard style form, you can see a demo here

Important Note This directive is not compatible with angular 1.2.x, because of a bug with nested transclusion. You need to use angular 1.3.0 or later.

• Either run bower install ng-wizard --save, or download the repo and add dest/ngWizard.js and dest/ngWizard.css to your project
• Reference ngWizard.js and ngWizard.css in your HTML, e.g.

<script scr="bower_components/ng-wizard/dest/ngWizard.js"></script>
<link rel="stylesheet" href="bower_components/ng-wizard/dest/ngWizard.css">

• Add a dependency on the ngWizard module to your ng-app module:

angular.module('app',['ngWizard']);

ngWizard adds 2 new HTML tags: <wizard> and <wizard-step>. You use them like this:

<wizard current-step-number="currentStepNumber" submit="submit()">
  <wizard-step title="step 1" entered="stepEntered()">
    <p>step 1</p>
    <input type="text" ng-model="requiredText" required />
  </wizard-step>
  <wizard-step title="step 2" required-step-number="0" entered="stepEntered()">
    <p>step 2</p>
  </wizard-step>
</wizard>

The <wizard> element wraps one or more <wizard-step> elements. The wizard will display each step in the order they appear in the HTML. Each wizard step acts like a form, and a submit button will show only when all steps have been filled out and are valid. In the above example, the input in step 1 is required, so it must be filled in before you can submit the wizard.

By default, the user can select any step they want straight away, i.e. you can move to a step without completing all previous steps. If you want the user to complete a step before moving to the next, you can use the required-step-number attribute on the <wizard-step>. This will disable the step until the required step is completed.

ngWizard has dependencies on:

• UI Bootstrap
• Font Awesome
• Bootstrap
• The angular ngAnimate module

Any suggestions for new features or bug fixes are welcome, and I'll try to review any PRs as quickly as possible.