🚀 Feature: Switch from <canvas> to native <progress> element in browser reporter #5113
Description
Feature Request Checklist
- I have read and agree to Mocha's Code of Conduct and Contributing Guidelines
- I have searched for related issues and issues with the
faqlabel, but none matched my issue. - I want to provide a PR to resolve this
Overview
Filing a backing issue for #5015: right now, the Mocha browser reporter uses a <canvas> element to visualize a progress circle. That's a holdover from when the reporter was written long ago and it was hard to do progress visualizations in CSS.
Suggested Solution
#5015 (comment): Now, many years later, the element is supported in all major browsers. Even IE 10! (which Mocha no longer supports). Proposal: let's remove the canvas altogether, and switch to a full HTML/CSS <progress>?
Alternatives
Maintaining two code paths for the visualization is an extra maintenance burden. Not a fan of the idea.
Additional Info
No response