как исправить анимацию на angular?

я работаю с проектом angular 8 и с помощью прогресс-бар от Bootstrap 4. я хочу сделать переход от ширины от 0 до определенного числа, но ни один из моих кодов работы. так что случилось с моим код?

вот мой код

trigger('wid',[      state('normal',style({        width: '100%'      })),      transition('void => *',[        style({          width: '0%'        }),        animate(5000)      ])    ]),

и это в bootstrap прогресс бар код

<div class="progress" style="margin-top: -5%"><div class="progress-bar" style="width:70%" @wid>70%</div></div>