动态循环进度栏纯CSS和HTML

Question

我正在寻找使用CSS的HTML动态循环进度条，它将从文本文件中选择值。 值将类似于此97.56,2.44。 所以我希望圆形进度条的第一个值显示绿色，在这种情况下为97.56，圆的其余部分显示为红色。

我在线阅读了一些教程，但是所有教程在CSS中都有静态值。 我正在寻找这样一个动态进度条的原因是因为我的python脚本每5分钟在cron作业上运行一次，并且这些值会不断更新。 任何帮助将不胜感激。 谢谢

Answer 1

试试这个百分比= 97.56； 我不熟悉python做类似的事情，例如为<div class="progress-bar position" data-percent="echo percentage;" data-duration="1000" data-color="red,green"></div>赋值<div class="progress-bar position" data-percent="echo percentage;" data-duration="1000" data-color="red,green"></div> <div class="progress-bar position" data-percent="echo percentage;" data-duration="1000" data-color="red,green"></div>

动态循环进度条