Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens

HTML element · data last changed 10 Nov 2026

<progress> in email clients

Works in 6 of 21. Not supported in Gmail, Gmail iOS, Outlook 365 and 10 more. Partial in Gmail Android. Untested in Superhuman.

Your reader in Outlook Classic sees the email without <progress>, even if it looks right where you tested it.

caniemail (MIT) via @emailens/engine 0.18.22

What to do instead in Outlook Classic

Build the bar as a one-row table: one cell with the filled share as a percentage width and a background color, and one cell for the rest. Write the percentage as text beside the bar, so the value reads even where the colors do not.

There is no drop-in fix for <progress> in Outlook Classic. Design so the email still reads without it.

The checker needs a computer screen.

A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →

Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →

<progress> is not among the 24 features we have screenshotted on real installs. The ones we have →

All 21 clients, problems first

ClientSupport
Gmail Not supported
Gmail iOS Not supported
Outlook 365 Not supported
Outlook (New) Not supported
Outlook Classic Not supported
Outlook iOS Not supported
Outlook Android Not supported
Outlook for Mac Not supported
Yahoo Mail Not supported
Yahoo Mail Android Not supported
Yahoo Mail iOS Not supported
HEY Mail Not supported
AOL Mail Not supported
Gmail Android Partial See caveat 1
Superhuman Untested
Works in 6: Apple Mail, Apple Mail iOS, Samsung Mail and 3 more. Show all
ClientSupport
Apple Mail Works
Apple Mail iOS Works
Samsung Mail Works
Thunderbird Works
Proton Mail Works
Fastmail Works

Caveats (1)

  1. 1. Gmail Android: Partial. Supported with non Google accounts only.

Caveats as recorded by caniemail (MIT), one entry per wording.

How <progress> behaves

<progress> draws a bar only in Apple Mail, Apple Mail iOS, Samsung Mail, Thunderbird, Proton Mail and Fastmail. Gmail, Yahoo Mail, AOL Mail, HEY Mail and every Outlook do not support it, so most readers get no bar.

  • Every Outlook lacks support, Outlook Classic and the newer apps alike, and so do Gmail on the web and Gmail iOS.
  • Gmail Android draws <progress> only for non-Google accounts, so a reader on a Gmail address sees no bar there either.
  • A bar built from table cells works in every client because tables, background-color and width on cells are supported everywhere. Do not build it from divs: Outlook Classic ignores width on a div.

Questions

Does the <progress> element work in email?

Only in Apple Mail, Apple Mail iOS, Samsung Mail, Thunderbird, Proton Mail and Fastmail. Gmail, Outlook and Yahoo Mail do not support it. Use a one-row table with percentage widths instead.

Your next question

Every feature in Outlook Classic · All email CSS features · What real installs show

Get new email CSS fixes by email.

caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 28 Feb 2019 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping