動態循環進度欄純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>

動態循環進度條