Bootstrap-Vue进度栏显示数字而不是动画

Question

因此，我正在使用nodeJS创建一个vue页面以显示任务列表。每个任务都有多个字段，但是当我尝试在bootstrap vue表中显示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>

感谢您的帮助