{"id":85467,"date":"2023-11-20T13:24:35","date_gmt":"2023-11-20T18:24:35","guid":{"rendered":"https:\/\/www.litmus.com\/?p=85467"},"modified":"2025-06-25T11:07:21","modified_gmt":"2025-06-25T15:07:21","slug":"progress-bar-tutorial-litmus","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/progress-bar-tutorial-litmus","title":{"rendered":"How to Create Progress Bars in Emails with Litmus Personalize"},"content":{"rendered":"\n\n\t
\n
\n \t
\n \t\t
\n \t\t\t
\n \t\t\t\t

Did you know that building emails is <\/span>the biggest bottleneck in the email production cycle<\/span><\/a>? If efficiency is the name of your game, then tools that help reduce the need for manual coding could very well become your secret weapon. \ud83d\udc40<\/span><\/p>\n

What tools are out there? We may be biased, but our favorite is none other than our very <\/span>Litmus Personalize<\/span><\/a>! It\u2019s packed with tools designed to make personalization in email marketing<\/a> a breeze. And with <\/span>our latest round of enhancements<\/span><\/a>, we\u2019ve made it easier than ever to add personalized elements to your email campaigns\u2014no coding experience required.<\/span><\/p>\n

Plus any and all Litmus customers have access to these features in their account today! You can now add elements like <\/span>countdown timers<\/span><\/a>, sentiment trackers, and personalized images to your email campaigns with one of our quick-start templates\u2014included with all Litmus plans.<\/span><\/p>\n

Today, we\u2019ll be walking through how to add <\/span>progress bars<\/span><\/a> to your emails to keep customers on the right track and promote brand loyalty. Keep reading to see just how easy it is to add these to your emails today!<\/span><\/p>\n \t\t\t<\/div>\n \t\t<\/div>\n \t<\/div>\n <\/div>\n<\/div>\n\n\n

\n
\n
\n
\n\t\t \t\t \t\t \t\t \t\t \t\t \t\t \t\t \t\t\t \t\t \t\t
\n\t\t\t\t\t\t\"\"\n\t\t\t\t\t \t\t <\/div>\n\t\t\t\t\t\t\t\t \t\t
\t\t\t \t\t\t

Email personalization made easy<\/strong><\/h2>\n\t\t\t \n\t\t\t \t\t\t\t\t

With one of our quick-start templates, easily add progress bars, sentiment trackers, countdown timers, and more to you emails\u2014no coding experience required.<\/p>\n\t\t\t\t\t \n\t\t\t \t\t <\/div>\t\t\t \t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\tTry it for free\t\t\t\t\t\t<\/a>\n\t\t\t \t\t <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n\n\t
\n
\n \t
\n \t\t
\n \t\t\t
\n \t\t\t\t

 <\/p>\n

How do progress bars work in email?<\/span><\/h2>\n

A progress bar visually tracks the status of tasks, goals, processes, or projects\u2014you name it! Progress bars can be made in a few different ways (e.g. with HTML, JavaScript), but our quick start templates in <\/span>Litmus Personalize<\/span><\/a> make it simple and easy. With just a few clicks, you can add progress bars to your own email campaigns\u2014no coding knowledge needed!<\/span><\/p>\n

In Litmus Personalize, progress bars are images served in your email the moment it\u2019s opened. Each time your subscriber loads this image (aka, when the email is opened), the image is updated to illustrate the most recent, up-to-date progress for each individual customer.<\/span><\/p>\n\"animated\n

Examples: Progress bars in email<\/span><\/h4>\n

The options are endless with progress bars! Here are some ideas as a jumping off point.<\/span><\/b><\/p>\n