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 bokeh allows for all it’s resources to be loaded inline; however, I am unable to get styled progress bars with it.
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.HTML and IPython.display.display to render them as Internal CSS to no avail:
- https://cdn.holoviz.org/panel/1.2.0/dist/css/loading.css
- https://cdn.holoviz.org/panel/1.2.0/dist/css/progress.css
- /panel/1.2.0/dist/bundled/theme/default.css (got limited on the number of links I could have in a post)
- /panel/1.2.0/dist/bundled/theme/native.css
Curious if any one had any ideas or workarounds for this?