Это мой код для списка прогресса
<div style="width:50%;padding:2px">
<div style="float:left;width:15%;margin-top:20px">
<ul style="list-style:none;padding:0px">
<li style="color:#b3b3b3;text-transform:uppercase;height:100px;width:auto">
<div style="width:16px;height:16px;border-radius:50%;border:2px solid #FF370C;background-color:#FF370C"></div>
<div style="height:80px;border-left:1px solid #07c200;margin-left:9px"></div>
</li>
<li style="color:#FF370C;text-transform:uppercase;height:100px;width:auto">
<div style="width:16px;height:16px;border:2px solid #8cc63f;border-radius:50%;background-color:#8cc63f"></div>
<div style="height:80px;border-left:1px solid #07c200;margin-left:9px"></div>
</li>
<li style="color:#b3b3b3;text-transform:uppercase;height:100px;width:auto">
<div style="width:16px;height:16px;border:2px solid #8cc63f;border-radius:50%;background-color:#8cc63f"></div>
</ul>
</div>
Пример Fiddle
Как вы можете видеть в примере, список ul похож на прогресс.
Я использую этот html в качестве основной части отправки электронной почты, это нормально для веб-почты, такой как Gmail, Outlook и т. Д.Все отображается правильно.
Но для почты на рабочем столе (например, Outlook Desktop Client, Windows Mail Client) просто отображается небольшой список маркеров без строки прогресса.
Есть ли способ исправить это?
Я хочузнать, как сделать пуленепробиваемый список выполнения для всех почтовых клиентов, включая Outlook Desktop и Windows Client Mail.