Почему элемент прогресса html не отображается в электронной почте (gmail или hotmail), есть ли способ показать его и почему шрифт Nunito google не работает с электронными письмами?

Question

Я пытался использовать элемент и использовать шрифт Nunito с внешней ссылкой, но не работает с электронными письмами

<progress value="10" max="100">10%</progress>

Answer 1

Для Nunito:

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Nunito" />

/* This text is in Nunito */
.class { 
  font-family: Nunito; 
}

Вы можете опробовать это для индикатора выполнения:

<table style="border:0;" cellpadding="0" cellspacing="0" width="250">
<tr>
  <td bgcolor="#f83f83" style="width:50%; background-color:#f83f83; float:left; height:15px;"></td>
  <td bgcolor="#cccccc" style="width:50%; background-color:#cccccc; float:left; height:15px;"></td>
  </tr>
</table>