Show a progress bar in a modal

AIMPED · September 18, 2023, 4:39pm

Hi there,

I have a fairly large for- loop in one of the callbacks of my app and I was looking for a possibility to show a progress bar based on the progress in the for loop. I also wanted to be able to cancel the callback.

I tweaked the example of the background callbacks a bit, this is the result. Maybe it helps somebody looking for something similar.

github.com

AIMPED/plotly_dash/blob/master/plotlyDash_progressbar_in_modal.py

import json
import time
import os

from dash import Dash, DiskcacheManager, CeleryManager, Input, Output, html, callback
import dash_bootstrap_components as dbc

if 'REDIS_URL' in os.environ:
    # Use Redis & Celery if REDIS_URL set as an env variable
    from celery import Celery
    celery_app = Celery(__name__, broker=os.environ['REDIS_URL'], backend=os.environ['REDIS_URL'])
    background_callback_manager = CeleryManager(celery_app)

else:
    # Diskcache for non-production apps when developing locally
    import diskcache
    cache = diskcache.Cache("./cache")
    background_callback_manager = DiskcacheManager(cache)

app = Dash(

This file has been truncated. show original

gif

adamschroeder · September 27, 2023, 7:57pm

Thanks for sharing, @AIMPED
I’m definitely going to use this when I need progress bars, which is pretty frequently

baubin · October 5, 2023, 3:09pm

Pulled this code verbatim - thanks so much for the demo!

Topic		Replies	Views
Asynchronous Logic Progress Bar Update Dash Python	8	7825	November 12, 2021
Custom progress information on each loop iteration in app.callback Dash Python	13	4418	April 14, 2021
Can a callback function call another callback function to create e.g. a progress bar? Dash Python	4	3180	May 28, 2019
Understanding background callbacks via Celery/Redis better Dash Python	3	2242	October 21, 2022
How to display progress in server side call backs(dash-extension) Dash Python	0	327	June 28, 2022

Show a progress bar in a modal

Related topics