Customize the appearance of your checkout page and visually enhance the user experience by displaying an animated icon while the checkout is being processed.

This code recipe will display a pure CSS animated horizontal loading bar that appears next to the Processing text indicator on checkout when clicking on the submit or checkout buttons.

Banner Image for Show a Fancy Processing Animation on Membership Checkout Submit

The Code Recipe

Adding the Recipe to Your Website

You can add this recipe to your site by creating a custom plugin or using the Code Snippets plugin available for free in the WordPress repository. Read this companion article for step-by-step directions on either method.

Theunis Coetzee

Author: Theunis Coetzee

Theunis Coetzee is a Support Engineer at Paid Memberships Pro. He began his career as a web and graphic designer before transitioning to web development and server administration. After a few years dedicated to photography and cooking, Theunis returned to the development field, ultimately joining Paid Memberships Pro’s support team.

He values the company’s mission, team spirit, and open-source commitment, appreciating the opportunity to contribute to the community and the greater good. He enjoys the variety of challenges and the collaborative "A" team that makes each day rewarding.

Outside of work, Theunis loves riding adventure motorcycles, wild camping, experimenting with exotic dishes, and spending time with his parrots at home.

View more articles by Theunis Coetzee »

Free Course: Membership Site Development—The Basics

Develop a deeper understanding of membership site development in this beginner-level course. Learn how to make your site work better, save yourself time and money, and improve your site's performance.

Take Free Course Now
Featured Image for Membership Site Development Course: The Basics
Was this article helpful?
YesNo