IntProgress & FloatProgress

[christakahashi]

Problem

It would be nice if I could set the background color of the progress bar. right now its a near-white gray color. Jupyter puts ipywidgets into a white box so I can barely see where the end of the progress is. (see image below)

Proposed Solution

There is already an attribute for bar_color. and some other widgets apparently have a background attribute according to the documentation (https://ipywidgets.readthedocs.io/en/8.0.7/examples/Widget%20Styling.html). So maybe IntProgress can accept the background style attribute too to allow for adjustable background colors.

Additional context

Alternatively or in addition, it would be nice for widgets not to pop up in a white box but rather whatever color the vscode skin is set to. but i think that's VScode's problem, though I'm not sure.

[afonit]

Just answering your question of what this looks like in jupyterlab and leaving the question of adding an option of background color for the core developers. (My personal opinion, adding the option would be sub-optimal for resolving the issue identified)

Here is what it looks like in JupyterLab:

So the white bar does seem to be VScode specific

Just adding the code here incase others want to copy and use for reproduction instead of typing it out.

from ipywidgets import IntProgress
from IPython.display import display
f=IntProgress(min=0, max=10)
f.value = 5
display(f)