CHECKOUT - Progress Bar Survey
Tags: check out page, check out process, check out progess bar, check out steps, checkout page, checkout process, checkout progress bar, checkout steps
The checkout process of an ecommerce site represents the number of steps taken by visitors in order to get products from virtual shopping carts/bags delivered to their doors. It is the path from a click on the checkout button to the “Receipt” page . Some visitors are required to go through more or less “steps”, depending on the site they will buy products from.
Very often, website owners are asking themselves (or others) what is the best number of checkout pages for their websites. To quote Dylan, “The answer, my friend, is” testing “in the wind”. There is no such thing as an universal number of steps working for all websites. The magic number of steps depends on your audience and how you address its concerns, friction and anxiety factors. The only way to find your “perfect number” of checkout steps/pages is to A/B test different length and paths of the checkout processes.
We took screenshots of more than 100 major e-tailers and we analyzed how they display the progress bar image during the checkout process. If you want to go directly to the images, without reading the survey results, just scroll down a bit or click here.
Despite the fact that there is no universal progress bar to address any website or business rules, there are however, some rules you need to comply with. We’ve marked the “DO’s” in bold and green.
One of things we’ve been surprised to discover is that several e-tailers don’t even have a progress bar. More than 10% (12 out of 111) of them are not displaying the bar, which can be confusing for the visitors.
Let’s see what we got:
1. Are e-tailers numbering the steps in the checkout progress bar?
Yes - 52
No - 47
2. Do they provide a sense of action to visitors (any arrows symbolizing the “move forward” action)? We considered numbering the steps as a strong “sense of action”
Yes - 80
No - 19
3. Highlight the current checkout page against the rest of the pages in the process?
Yes - 98
No - 1
4. Do e-tailers provide a “Review Order” or “Confirm Order” page?
Yes - 75
No - 24
5. How many steps do visitors perceive when they look at the progress bar?
2 - 3
3 - 21
4 - 30
5 - 38
6 - 6
7 - 1
6. Is it the progress bar displayed horizontally or as a vertical list?
Horizontal - 92
Vertical - 7
7. Do e-tailers address any anxiety concerns in the progress bar? For example, telling visitors that the checkout process is secure)
Yes - 6
No - 93
8. If the checkout process has more than five steps, how many e-tailers are numbering the steps?
13 out of 38
9. How many e-tailers are grouping the Billing and Shipping Page in a single one?
27 out of 99
10. How many e-tailers provide some confidence of mind to visitors by marking completed steps as “being correctly done”?
1 out 99 (1800contacts.com is the only one)
Enjoy the Progress Bar collection:
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Pitstop Media is a top company providing internet marketing services. We offer web design services to companies of all sizes, from startups to corporations. Please contact us if you need assistance with any of the online marketing services we provide.
























Websites tagged "progressbar" on Postsaver said:
Nov 07, 08 at 12:47 pm[...] - CHECKOUT - Progress Bar Survey saved by spiralgirl2008-11-06 - Silverlight 2 Release Candidate saved by galactikfan2008-11-02 - [...]
Craig Higdon said:
Apr 09, 09 at 10:35 amDefinitely going to pass this link on to our designers. It’s a great survey of progress bars.
If you’re interested, we’ve created a bunch of custom AspDotNetStorefront checkout progress bar. Take a look.
Randy said:
Jun 17, 09 at 9:02 pmMy god, I can’t believe how much work you put into this. Pretty incredible. Giant Thank you. It’s crucial stuff (your whole site really) and seeing the bits in comparison is huge. I wonder if it’s possible to start assembling the “ideal” cart/checkout system….I’ve been hunting for a best-practices model but nobody’s really approaching it as a whole package. Also, could be interesting to allow people to vote on design elements here - see what people are responding to.
TraiaN said:
Jun 17, 09 at 9:21 pmRandy, thanks for the nice words. We don’t post very often, bet when we do it, we make sure it’s solid information. Regarding your request for checkout best practices, well, it’s not an easy one. There are thousands of business models and probably hundreds of ways to approach the checkout process. The only “best practice” I have in mind is testing the process it self (split path testing, or A/B testing). I hope it helps.