diff --git a/token-validator/htdocs/js/adlin-main.js b/token-validator/htdocs/js/adlin-main.js
index b3accf0..a79d3b9 100644
--- a/token-validator/htdocs/js/adlin-main.js
+++ b/token-validator/htdocs/js/adlin-main.js
@@ -49,6 +49,7 @@ angular.module("AdLinApp")
 		}
 	    }).then(function(response) {
 		$rootScope.isLogged = response.data;
+		$rootScope.student = response.data;
 	    }, function(response) {
 		$rootScope.isLogged = false;
 	    });
@@ -63,6 +64,17 @@ angular.module("AdLinApp")
 	}
     })
 
+    .controller("ProgressionController", function($scope, $interval, $http) {
+	$scope.mychallenges = {};
+	var refreshChal = function() {
+	    $http.get("/api/students/" + $scope.student.id + "/progress").then(function(response) {
+		$scope.mychallenges = response.data
+	    });
+	}
+	refreshChal();
+	$interval(refreshChal, 15750);
+    })
+
     .controller("AuthController", function($scope, $rootScope, $http, $location) {
 	$scope.auth = {
 	    "username": "",
diff --git a/token-validator/htdocs/views/home.html b/token-validator/htdocs/views/home.html
index 4906549..bb46cae 100644
--- a/token-validator/htdocs/views/home.html
+++ b/token-validator/htdocs/views/home.html
@@ -13,6 +13,12 @@
   <h2 ng-if="isLogged">
     Qu'allons-nous faire aujourd'hui&nbsp;?
   </h2>
+
+  <div ng-controller="ProgressionController" ng-if="isLogged">
+    <span class="badge" ng-class="{'badge-success': mychallenges[100], 'badge-danger': !mychallenges[100]}">HTTP</span>
+    <span class="badge" ng-class="{'badge-success': mychallenges[101], 'badge-danger': !mychallenges[101]}">HTTPS</span>
+    <span class="badge" ng-class="{'badge-success': mychallenges[102], 'badge-danger': !mychallenges[102]}">DNS</span>
+  </div>
 </div>
 
 <div class="card-deck">