Progress bar inside ionicLoading template

ionic-v1
1

I want a progress bar in the ionicLoading modal.

This is what I’m trying:

    $scope.progressval = 50;

    $ionicLoading.show({
        template: 'Loading file <br> <progress id="progressbar" max="100" value="{{ progressval }}"> </progress> '
    });

But its not getting the progressval value.

Is this possible? having a scope variable inside the template definition?

Thanks

2

Try this:

$scope.progressval = 50;

$ionicLoading.show({
        template: 'Loading file <br> <progress id="progressbar" max="100" value="{{ progressval }}"></progress>,
        scope: $scope
 });