4 ms·
I wish the <progress> tag receuves some love, from both users and browsers. I recently worked on a page (e.g https://php.watch/rfcs/fibers https://php.watch/rf
by Ayesh 5y ago
I wish the <progress> tag receuves some love, from both users and browsers.
I recently worked on a page (e.g https://php.watch/rfcs/fibers https://php.watch/rfcs/fibers) that I didn't want to set inline CSS to set a dynamic width for an element. Helps me not use a strict CSP.
I kind of abused the progress element because it has customizable width. Elements that support a width attribute (object, iframe, image, etc) didn't fit that well. Progress elements are pretty nice, supported almost everywhere it mattered to my audience, and with some pseudo properties I never heard before, I could customize the colors and other properties as well.
- runarberg 5y agoI agree. A couple of years ago I answered an SO question about how to style a <meter> tag cross browser[1]. It is kind of ridiculous the amount of vendor prefix one must use to achieve this. At this point I would even just settle on a standard so that I could have autoprefixer do this for me. Also both <progress> and <meter> would be an order of magnitute more usable if non-linear functions (such as sin(), cos(), pow(), exp(), etc.) were allowed as values in CSS transformation matrices so that I could use <meter> instead of <svg> when my designer wants the meter bar to look like a speedometer (which is a quite common, and a valid design choice). 1: https://stackoverflow.com/questions/8094835/how-to-style-html5-meter-tag/56155547#56155547 https://stackoverflow.com/questions/8094835/how-to-style-htm...