Angular：将订阅值分配给css属性

Question

我需要以角度设置进度条的当前进度。我试过这个：

<progress 
  class="progress progress-xs progress-danger"
  value="100"
  max="100"
  style="width: {{(subscription$ | async)?.percent}}%">
</progress>

正如您所见，我试图设置：

style="width: {{(subscription$ | async)?.percent}}%"

然而，我得到了：

  预计

[css]财产价值。

有什么想法吗？