Progress Bar

Display a progress bar load indicator with each Ajax request

In this example:

Ajax Load More will display a progress bar at the top of the browser window as posts are loaded.

Using Pace.js, a load indicator will be displayed to the user with each Ajax request to the server.

🔥  Displaying a progress bar is as easy as setting progress_bar=”true” in your shortcode.

    The following shortcode was used to create the Progress Bar example.

    [ajax_load_more seo="true" repeater="template_46" post_type="ajax_more" posts_per_page="4" scroll="true" transition="fade" images_loaded="true" button_label="Load More Posts" button_loading_label="Loading..." progress_bar="true" progress_bar_color="ed7070" css_classes="flex"]

    The following Repeater Template was used to create the Progress Bar example.