如何在django中使用javascript动态更改花括号中div标记的类名

我需要知道如何在django中使用javascript动态更改大括号中的div标记的类名。在这里，我对更改它有点困惑。div标签如下所示

 <div class="clname{{progress}}"></div>

我需要更改上面div标记中提到的progress的值。任何人都知道如何使用javascript更改它。请告诉我怎么做

进度值应动态更改为0,1,2,3等

---

提前感谢。

使用jquery非常简单

$("div").replace("{{progress}}", "replaceValue");

---

我们可以用新的班级来代替它。 在下面的课程中，我们将用类名.greenBackground替换两个类

window.onload=function（）{
document.getElementById（“btn”）.addEventListener（“单击”，函数）（）{
document.getElementsByTagName（“div”）[0].className=“greenBackground”；
});
};
.redBackround
{
高度：200px；
宽度：200px；
背景：红色；
}
.绿色背景
{
高度：200px；
宽度：200px；
背景：绿色；
}

单击
感谢您的回复。但是我没有要求更改第一个类名。。我想更改上面提到的{{progress}}值。如何使用javascript动态更改它。我在django工作，我对django没有深入的了解，但如果我们使用.classname属性为div分配新的类名，则所有带有div的类都已被覆盖。您可以使用上述代码直接更改类的值。Try itDjango仅在呈现模板时设置
{{progress}
值。你的问题有点不清楚——你能澄清一下你想做什么吗？您是否在页面上有多个
元素，并希望它们在页面下按顺序编号？当Django在服务器上处理某些事情时，您是否试图显示进度div？如果您想要更好的解决方案，您需要澄清您的用例。。。