LoadingBar

A global loading progress bar at the top of the page, driven by an imperative API.

Basic usage

Start & finish

Start loadingFinish now

Example

Error state

Error state

Simulate load failure

Example

Clear

Clear

StartRemove loading bar

Example

API

Methods

Method	Description
loadingBar.start()	Start loading; the progress automatically advances to 90%
loadingBar.finish()	Finish and remove
loadingBar.error()	Fail (red) and remove
destroyAllLoadingBar()	Remove the current loading bar

The bar uses role="progressbar" with progress synced via aria-valuenow.