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.
Specifications
Machine name
better-ajax-progress
Drawbacks
Uses jQuery
Building blocks
Javascript