动态循环进度条纯 CSS 和 HTML答案

【问题标题】：Dynamic Circular progress bar pure CSS and HTML动态循环进度条纯 CSS 和 HTML
【发布时间】：2017-08-31 03:49:12
【问题描述】：

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

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

【问题讨论】：

如果是服务器端，如何使用Django？ JS是客户端的，所以，我认为你不能访问一个未知用户的本地文件。

标签： html css progress-bar

【解决方案1】：

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

Dynamic Circular Progress Bar

【讨论】：