dash.nprogress

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #golang #go #machine-learning #java #awesome #cli #awesome-list #pytorch #open-source

(★ 21)

Loading indication in dash apps using nprogress.js library

dash.nprogress Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Dash NProgress
=========

A very simple port of [nprogress.js](https://github.com/rstacruz/nprogress) library for the Plotly Dash ecosystem.
It adds a slim progress bar and a spinner to indicate loading state in a dash app based on the number of pending callbacks. The color of the progress bar changes if any callback fails.

https://user-images.githubusercontent.com/91216500/194695704-d4459de3-7084-4285-9c37-738737e08fd9.mov

Basic Usage
------------

Just include the js library in your dash app and you are good to go.

```python
from dash import Dash

external_scripts = ["https://unpkg.com/dash.nprogress@latest/dist/dash.nprogress.js"]

app = Dash(__name__, external_scripts=external_scripts)
```

Customization
------------

You can customize the color of normal and with-error progress bar by adding a css file in your dash app with following contents:

```css
:root {
    --nprogress-color-good: green;
    --nprogress-color-bad: #ff00ff
}
```

TODO
------------

* Make it work smoothly with long callbacks.

dash.nprogress

dash.nprogress Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

dash.nprogress

dash.nprogress Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README