How to assign variable quantity to value attribute of

Expected behavior

Assigning an angular function to the "value" attribute for mdb-progress should change the value.

Actual behavior

No change. The value looks to be around 5?

What I've tried

-- Completely removing the ngb-progressbar (only re-inserted it from an old commit to show in the screenshot below)

-- Using an absolute value, like value="68".

-- Initially had all of the aria attributes, didn't seem to be a factor.

-- Using ngStyle per Angular docs: https://angular.io/api/common/NgStyle

-- various versions of value={{...}}/{[...]} even though I knew they shouldn't work.

Resources (screenshots, code snippets etc.)

Screenshot. Top bar is from another component library Ng-progressbar, bottom is mdb-progress element.

Pick hosted on Imgur, not sure how long it stays valid.

Code: Post.component.html

    <!-- 
    post.score is a number between 0-1. 
As shown in the picture, it evaluates to 0.5 just fine and is then multiplied by 100, 
so should be 50 (as in the ngb-progressbar).
     -->
    <div  *ngIf="post.type == 'fact'" >
                            <ngb-progressbar 
                                    [type]="barType" 
                                    [value]="post.score*100" 
                                    [height]=".75">
                                            {{post.score*100 | number : '2.0-0'}}%  {{barText}}
                            </ngb-progressbar>

                            <mdb-progress 
                                    [value]="post.score*100"
                                    [attr.min]="0" 
                                    [attr.max]="100">
                                            {{post.score*100 | number : '2.0-0'}}%  {{barText}}
                            </mdb-progress> 
      </div>