如何在HTML的style标签中使用Django变量作为宽度值？

问题重现 #

我想在HTML的style标签里用Django变量设置进度条的百分比宽度，预期代码如下：

<div class="progress" style="height: 40px;">
    <div class="progress-bar" role="progressbar" style="width:{{ value }}%">{{ value }}%</div>
</div>

但在VS Code中编写时立刻弹出错误提示：property value expected css(css-propertyvalueexpected)。

尝试过的解决方法 #

我尝试用Django的with标签拼接完整的样式字符串，代码如下：

{% with "width: "|add:value|add:"%" as percent_style %}
   <div class="progress-bar" role="progressbar" style=style="{{ percent_style }}">{{ value }}%</div>
{% endwith %}

但编辑器依然报错。

最终解决情况 #

后来我在VS Code设置里禁用了html validate styles选项，编辑器不再报错，且浏览器中代码能正常渲染进度条。之后重新启用该校验设置，浏览器依然可以正常运行，推测最初的报错可能是输入时的拼写错误导致的。

内容的提问来源于stack exchange，提问作者user19928394