Component

Improved ajax progress indicator

This component overrides Drupal's progress indicator and replaces it completely with a js-loading class. This means we can more easily theme the component that triggered the ajax-call.

The Button with ajax-loading-state is an excellent example of building on top of this altered progress indication. 

Adding it to your global libraries

This is a JS-only component that is called better-ajax-progress. Just adding this component to your components folder, isn't enough.

You need to attach this library to your global theme definition in compony.info.yml:

name: Compony
type: theme
description: Compony, the component-only theme.
core: 8.x
libraries:
  - compony/global
  - compony/better-ajax-progress

 

Theming

The .js-loading class will be available on the component that triggers the ajax call for as long as the call is happening.

better-ajax-progress
Responsive
Using Drupal behaviours
Accessible
Uses jQuery
Javascript
7 downloads
horizontal beam No open issue