实现根据后端传值修改width

目前想实现根据后台传过来的值,修改对应的进度条,不知道如何实现,等大佬们帮助
想用angularjs写
代码如下:

 <dd class="project-people">
  {{p.__c679.statusName}}
    </dd>
 <div class="progress progress-striped active m-b-sm">
 <div id="progress" style="width: 20%;" class="progress-bar">
   </div>
   </div>    

dd中为我从后台取到的值,是一个字符串,
假设这个字符串有三个状态 : 生产中/出货中/已完成,
想将进度条更改为: 30%/60%/100%

求求了

https://www.yuanmas.com/info/9warRl5NaA.html

供参考:https://www.jb51.net/article/117920.htm

给进度条的宽度根据p.__c679.statusName做三元运算

:style="{'width':p.__c679.statusName=='生产中' ? '30%' : p.__c679.statusName=='出货中' ? '60%' : '100%'}"