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/progress bar will be displayed with each Ajax request to the server. Displaying a progress bar is as easy as setting progress_bar=”true” in your shortcode.

Note: If you are on a fast connection you may need to throttle your network requests to fully test the example.

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

    [ajax_load_more seo="true" template="template_46" posts_per_page="4" scroll="true" images_loaded="true" button_label="Load More" button_loading_label="Loading..." progress_bar="true" progress_bar_color="ff6b6b" layouts="true" layouts_cols="2"]

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