Page loading indicator

In Moodle
About this page

Show a subtle progress bar or spinner while pages load.

Page loading indicator

Show a loading indicator while heavy course pages are being prepared. Choose a top progress bar or a centered loader with optional custom text.

Dropdown choice

Page loading indicator

Shows a loading bar or spinner while the next page opens.

Admin keytheme_xy/pageloadprogress
DefaultDisabled

Choices

  • Disabled
  • Top progress bar
  • Centered informative loader

Additional notes

Choose how page loading should be shown. Use course pages only for large course views; use all pages to show the indicator site-wide.

Suggested screenshot. Show the setting in the admin and the same place on the public site.
Add screenshot: screenshots/page-loader/pageloadprogress.png
Dropdown choice

Show loader on

Limit the loader to course and in-course activity pages, or show it on every page.

Admin keytheme_xy/pageloadprogressscope
DefaultCourse pages only

Choices

  • Course pages only
  • All pages
Suggested screenshot. Show the setting in the admin and the same place on the public site.
Add screenshot: screenshots/page-loader/pageloadprogressscope.png
Text area

Center loader title

Optional. Main heading in the centered loader. Leave empty to use the language pack default. Supports multilang content filter.

Admin keytheme_xy/pageloadprogresscentertitle
DefaultEmpty
Suggested screenshot. Show the setting in the admin and the same place on the public site.
Add screenshot: screenshots/page-loader/pageloadprogresscentertitle.png
Text area

Center loader subtitle

Optional. Shown under the title in the centered loader. Leave empty to use the language pack default. Supports multilang content filter.

Admin keytheme_xy/pageloadprogresscentersubtitle
DefaultEmpty
Suggested screenshot. Show the setting in the admin and the same place on the public site.
Add screenshot: screenshots/page-loader/pageloadprogresscentersubtitle.png
Text area

Top bar label (accessibility)

Optional. Screen reader label for the top progress bar. Leave empty to use the language pack default.

Admin keytheme_xy/pageloadprogressbarlabel
DefaultEmpty
Suggested screenshot. Show the setting in the admin and the same place on the public site.
Add screenshot: screenshots/page-loader/pageloadprogressbarlabel.png