🚀 Feature: Switch from <canvas> to native <progress> element in browser reporter

[JoshuaKGoldberg]

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 faq label, 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

[JoshuaKGoldberg]

#5015 was released in mocha@10.5.0. 🚀