The Jupyter Server I am working on has extremely strict CORS policies (meaning any External CSS requests are immediately blocked). This normally is not an issue as panel and bokeh are having their renders resources as inline, but there seems to be something different about the progress bar.
Using the following code, the render result is exactly the same as
<progress value="20" max="100"></progress> without any styling:
import panel as pn from bokeh import resources from bokeh.io import output_notebook r = resources.Resources(mode='inline') output_notebook(r) pn.extension() pn.indicators.Progress(name='Progress', value=20, width=200)
I ran the same code snippet on a local Jupyter server without any CORS policies and it works just fine.
Likewise I even attempted to download and render the following CSS link that are being block using the
IPython.display.display to render them as Internal CSS to no avail:
Curious if any one had any ideas or workarounds for this?