Introducing NProgress for Plotly Dash

This article introduces dash.nprogress, a cute little wrapper over nprogress.js, to indicate loading state in your dash apps without making any change in your app. Well, except including this library 😅.

dash.nprogress looks at the number of pending callbacks and adds or removes a slim progress bar and a spinner based on that. It will also change the color of the progress bar if any callback fails.

These colors are configurable by the users. More information can be found in the GitHub readme.

Usage

from dash import Dash
external_scripts = ["https://unpkg.com/dash.nprogress@latest/dist/dash.nprogress.js"]
app = Dash(__name__, external_scripts=external_scripts)

And that’s it. This is what you get by just adding this library in your app.

I work on more dash related stuff especially the dash-mantine-components and dash-iconify. If you like what I do and want to support me, here is one way to do it.