Implementing progressbar with animated div

1

I have a progressbar I implemented through an animated div.
It works well on all browsers I tested, but on the infoscreen it does not show at all:
html
<div id=“progressbarBg” style=“height:10px;”><div id=“progressbar”></div></div>

css
#progressbarBg {
background-color: lightgrey;
width: 100%;
height: 10px;
}

#progressbar {
background-color: orange;
height: 100%;
animation: progress 10s linear;
}

@keyframes progress {
from {width: 0;}
to {width: 100%;}
}

2

@sja, I would like to ask a few more questions to get some more details:

  • Could you please elaborate what info screen refers to? (I would like to get some more context on this one.)
  • Did you mean that it doesn’t show on the display connected to your Raspberry Pi with Anthias installed?
  • Could you please share the details of your environment (e.g., Raspberry Pi model, OS installed, Internet connectivity — via Ethernet or via Wi-Fi)?