import panel as pn
pn.extension()
The Progress
widget displays the progress towards some target based on the current value
and the max
value. If no value
is set the Progress
widget is in indeterminate mode an will animate depending
For more information about listening to widget events and laying out widgets refer to the widgets user guide. Alternatively you can learn how to build GUIs by declaring parameters independently of any specific widgets in the param user guide. To express interactivity entirely using Javascript without the need for a Python server take a look at the links user guide.
For layout and styling related parameters see the customization user guide.
active
(boolean): Whether to animate the bar when in indeterminate modebar_color
(str): The color of the bar, one of 'primary', 'secondary', 'success', 'info', 'warn', 'danger', 'light', 'dark'max
(int): The maximum progress valuestyle
(dict): A dictionary of CSS to apply to the progress barvalue
(int or None): The current value towards the progressThe Progress
widget can be instantiated with and without a value. If given a value
the progress bar will fill according to the progress to the max
value which is 100 by default:
progress = pn.widgets.Progress(name='Progress', value=20, width=200)
progress
The progress value
can be updated from Python:
progress.value = 80
The Progress
can also be instantiated without a value
:
indeterminate = pn.widgets.Progress(name='Indeterminate Progress', active=True, width=200)
indeterminate
The Progress
widget also supports a range of bar colors:
running = pn.Column(*[
pn.Row(pn.panel(bs, width=100), pn.widgets.misc.Progress(width=300, value=10+i*10, bar_color=bs))
for i, bs in enumerate(pn.widgets.misc.Progress.param.bar_color.objects)
])
running
The Progress
widget exposes a number of options which can be changed from both Python and Javascript. Try out the effect of these parameters interactively:
pn.Row(progress.controls(jslink=True), progress, indeterminate.controls(jslink=True), indeterminate)