diff --git a/src/tour/tour.js b/src/tour/tour.js
index 85581e3..e5eb5c2 100644
--- a/src/tour/tour.js
+++ b/src/tour/tour.js
@@ -245,6 +245,7 @@ angular.module('angular-tour.tour', [])
             scope.ttSourceScope = tourConfig.useSourceScope;
             scope.ttOpen = false;
             scope.ttAnimation = tourConfig.animation;
+            scope.ttCount = $('[tourtip]').length;
             scope.index = parseInt(attrs.tourtipStep, 10);
 
             var tourtip = $compile(template)(scope);
diff --git a/src/tour/tour.scss b/src/tour/tour.scss
index 7a875db..358f30b 100644
--- a/src/tour/tour.scss
+++ b/src/tour/tour.scss
@@ -16,6 +16,11 @@
     line-height: 1.5em;
     margin: 0 0 1.125em;
   }
+  .tour-progress {
+    padding: 0 1em 0 0;
+    color: #CBD0D4;
+    font-size: .7em;
+  }
   button, .button {
     background-color: #189DAF;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
diff --git a/src/tour/tour.tpl.html b/src/tour/tour.tpl.html
index 02c3ceb..89f18db 100644
--- a/src/tour/tour.tpl.html
+++ b/src/tour/tour.tpl.html
@@ -3,6 +3,7 @@
     <div class="tour-content-wrapper">
         <h3 ng-bind="ttTitle"></h3>
         <p ng-bind="ttContent"></p>
+        <span class="tour-progress">{{index+1}}/{{ttCount}}</span>
         <a ng-click="proceed()" ng-bind="ttNextLabel" class="small button tour-next-tip"></a>
         <a ng-click="closeTour()" class="tour-close-tip">&times;</a>
     </div>