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.

Machine name

better-ajax-progress

Perks

Secured by Compony
Responsive
Using Drupal behaviours
Accessible

Drawbacks

Uses jQuery

Building blocks

Javascript

Stats

Public component
35 downloads
2 commits
No open issue

Contributors