django：如何在 CSS 或样式 HTML 标签中使用 django mathfilters答案

【问题标题】：django: how to use django mathfilters in CSS or style HTML tagsdjango：如何在 CSS 或样式 HTML 标签中使用 django mathfilters
【发布时间】：2021-08-31 17:46:48
【问题描述】：

在question 中，一位用户提出了以下建议：

对于您示例中的 CSS，您可以使用 calc()。
<img style="padding-top: calc({{ img.height }} / 2)" src=""/>

我无法使用“calc”找到与此类似的任何内容，但我已经尝试过了，但它对我不起作用。这是这样做的方法吗？还是有另一种方法可以在 CSS 上使用 django 来实现这一点？

我正在尝试实现以下目标，以创建“进度条”。所以我会得到一个总数，然后是低于这个总数的其他值，并根据三的规则进行简单的计算。

<div style="width: calc({{ value1 }} * 100 / {{ total }})%">

【问题讨论】：

标签： css django django-template-filters

【解决方案1】：

如果你真的想这样做：

你可以计算你视图中的值：

def your_view(request):
    context = {"percent": 50}
    return render(request, 'your_view.html', context)

然后在你的模板中（例如我使用了一个 div）：

<div  style="height: 10vh; background-color: red; width: {{percent}}%"></div>

【讨论】：