feat(ssdeadashboard): optionally use HTML progress element instead of…

… CSS

ssd-health-dashboard/visualizer/app/ssdead.py

@@ -1,6 +1,6 @@
 #!/usr/bin/python3
 
-from flask import Flask, render_template
+from flask import Flask, render_template, request
 import datetime
 import json
 import humanize
@@ -94,10 +94,10 @@ def main():
             "dead_on": dead_time.strftime('%B %Y'),
             "written": humanize.naturalsize(data_written, binary=False),    # manufacturers use power-of-10 sizes
             "temperature": temperature,
-            "key_ttl": cache.ttl(key)
+            "key_ttl": cache.ttl(key),
             })
 
-    return render_template("main.html", hosts_drives=hosts_drives)
+    return render_template("main.html", hosts_drives=hosts_drives, progress=request.args.get("progress"))
 
 if __name__ == "__main__":
 #    app.run(host='::', port=7770)

ssd-health-dashboard/visualizer/app/templates/main.html

@@ -22,7 +22,11 @@
   <tr>
 	  <td>{{ drive.model_name }}<br/>
 		  <span class="minor">{{ drive.drive }} 🌡️{{ drive.temperature }}°C</span></td>
+	  {% if progress %}
+	  <td width="25%"><progress max="100" value="{{ drive.percentage_used }}" title="Written: {{ drive.written }}">{{ drive.percentage_used }}%</progress></td>
+	  {% else %}
 	  <td width="25%"><div class="progress" style="width: {{ drive.percentage_used }}%" title="Written: {{ drive.written }}"> {{ drive.percentage_used }}% </div></td>
+	  {% endif %}
 	  <td>will live until {{ drive.dead_on }}😵</td>
   </tr>
   {% endfor %}