Синтаксическая ошибка: символ «%» не допускается в строке

Я пытаюсь создать индикатор выполнения, значение прогресса которого вычисляется с помощью простой функции в файле углового контроллера, а затем отправляется в элемент html в атрибут стиля.

Вот часть файла AngularJS:

var statusMock = {
    installmentProgress: {
            current: '2',
            outOf: '4'
        }
}
var installmentProgressBarLength = ((statusMock.installmentProgress.current / statusMock.installmentProgress.outOf).toString() * 100);
ctrl.progressValue = 'progresValue={width:' + installmentProgressBarLength + '%}';

И вот часть файла HTML:

<div class="tile-policy-payments__installments-progress__progressbar" >
    <div class="tile-policy-payments__installments-progress__progressbar_value" ng-style="{{ctrl.progressValue}}"></div>
</div>

Проблема заключается в символе "%" в определении ctrl.progressValue. Это вызывает ошибку:

Error: [$parse:syntax] Syntax Error: Token '}' not a primary expression at column 24 of the expression [progresValue={width:50%}] starting at [}].

Если я не использую символ "%", все работает нормально, однако длина индикатора выполнения не является той, которую я ожидаю.

Будем благодарны за помощь в решении проблемы. С уважением