diff --git a/src/app/pages/form/wizard/wizard.html b/src/app/pages/form/wizard/wizard.html index a99e8b5..1056be1 100644 --- a/src/app/pages/form/wizard/wizard.html +++ b/src/app/pages/form/wizard/wizard.html @@ -1,16 +1,14 @@
-
-
-
- {{t.title}} -
+
+
+ {{t.title}}
+ aria-valuemin="0" aria-valuemax="100" ng-style="{width: $baWizardController.progress + '%'}">
diff --git a/src/app/pages/form/wizard/wizardPage.html b/src/app/pages/form/wizard/wizardPage.html index 3269ed6..811fb04 100644 --- a/src/app/pages/form/wizard/wizardPage.html +++ b/src/app/pages/form/wizard/wizardPage.html @@ -57,7 +57,7 @@
@@ -95,7 +95,7 @@
- Congratulations! You have successfully filled the form + Congratulations! You have successfully filled the form!
diff --git a/src/app/pages/form/wizard/wizrdCtrl.js b/src/app/pages/form/wizard/wizrdCtrl.js index e611fee..a17e068 100644 --- a/src/app/pages/form/wizard/wizrdCtrl.js +++ b/src/app/pages/form/wizard/wizrdCtrl.js @@ -29,7 +29,7 @@ transclude: true, templateUrl: 'app/pages/form/wizard/wizard.html', controllerAs: '$baWizardController', - controller: ['$scope', function ($scope) { + controller: function ($scope) { var vm = this; vm.tabs = []; @@ -42,7 +42,7 @@ vm.selectTab(0); }; - $scope.$watch(angular.bind(vm, function () {return vm.tabNum;}), countProgress); + $scope.$watch(angular.bind(vm, function () {return vm.tabNum;}), calcProgress); vm.selectTab = function (tabNum) { vm.tabs[vm.tabNum].submit(); @@ -70,10 +70,10 @@ vm.selectTab(vm.tabNum - 1) }; - function countProgress() { + function calcProgress() { vm.progress = ((vm.tabNum + 1) / vm.tabs.length) * 100; } - }] + } } }