dash.nprogress

KO | EN

gitlite — search

#python #react #ai #typescript #golang #go #machine-learning #java #windows #awesome #kubernetes #awesome-list #security #mcp

(★ 21)

Loading indication in dash apps using nprogress.js library

dash.nprogress 최신버젼 다운로드

최종 버전 다운로드 (.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 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

dash.nprogress

dash.nprogress 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README