动态循环进度条纯CSS和HTML

时间:2017-08-31 03:49:13

标签: html css html5 css3 progress-bar

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

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

1 个答案:

答案 0 :(得分:0)

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

link