Индикатор выполнения Bootstrap-Vue вместо анимации показывает номер

Question

Поэтому я создаю страницу vue с помощью nodeJS для отображения списка задач. У каждой задачи есть множество полей, но когда я пытаюсь отобразить индикатор выполнения bottstrap-vue в таблице начальной загрузки, он не работает и вместо этого отображает число. Я не уверен, если это проблема с vue, но вот мой код.

<template>
  <b-row>
    <b-col cols="12">
      <b-table striped hover :items="Tasks" :fields="fields">
        <template slot="progress" slot-scope="row">
          <b-progress :value="50" :max="100"></b-progress>
        </template>
      </b-table>
    </b-col>
  </b-row>
</template>

Спасибо за вашу помощь