@@ -0,0 +1,29 @@
+<html>
+ <head>
+ <style>
+ body {
+ font-family: sans-serif;
+ }
+ #progressbar {
+ background-color: #f0f0f0;
+ border-radius: 0px;
+ padding: 0px;
+ width:50%;
+ #progressbar > div {
+ background-color: #ff9c9c;
+ width: {{percent}}%;
+ height: 20px;
+ </style>
+ </head>
+ <body>
+ <p>Hi {{username}}!<br><br>
+ Your mailbox is now {{percent}}% full, please consider deleting old messages to still be able to receive new mails in the feature.<br>
+ <div id="progressbar">
+ <div></div>
+ </div>
+ </p>
+ </body>
+</html>