Angularjs 角进度条控制器

我正在创建一个测验，每一秒都需要在30秒内回答，所以我想创建一个进度条来向用户显示。当30秒结束时，需要弹出警报，然后出现下一个问题

有人知道怎么开始吗？或者有什么好的教程？我没发现什么有趣的事

我的控制器代码如下所示：

lycheeControllers.controller('quizCtrl', ['$scope', '$http', function ($scope, $http) {
    $http.get('json/questions.json').success(function (data) {
        //all questions
        $scope.questions = data;

        //filter for getting answers / question
        $scope.ids = function (question) {
            return question.id == number;
        }

        $scope.buttonText = "Next question";

        $scope.next = function () {
            if (!(number == (data.length))) {
                if (number + 1 == (data.length)) {
                    $scope.buttonText = "Get results";
                }
                number++;
                if (correct == true) {
                    points++;
                }
                //alert(points);
            } else {
                alert("Quiz finished: your total score is: " + points);
            }
        }

        $scope.checked = function (answer) {
            //alert(answer.answer);

            if (answer.correct == "yes") {
                correct = true;
            } else {
                correct = false;
            }

            //alert(correct);
        }
    });
}]);

---

我真的对这个很感兴趣，并且破解了一个解决方案，你可以用它作为起点。它已经相当完整了，所以只要看一看，获得灵感

---

这个问题似乎离题了，因为它是关于辅导的。

merry christmas :)