In Chrome and Firefox at least, you can force these elements to be vertical by giving them a vertical writing-mode. Slightly hacky perhaps, but interoperable at least. And https://github.com/whatwg/html/pull/10096 seems to be formalizing this as the way to do things (in response to https://github.com/whatwg/html/issues/4177 ).
Bug 1877867 Comment 1 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
In Chrome and Firefox at least, you can force these elements to be vertical by giving them a vertical writing-mode. (Safari seems to ignore the writing-mode on these form controls, by my testing at least). That's slightly hacky perhaps (e.g. it feels odd that an author has to decide whether their vertical progress bar should be `vertical-lr` vs `vertical-rl`), but it's interoperable at least. And https://github.com/whatwg/html/pull/10096 seems to be formalizing this as the way to do things (in response to https://github.com/whatwg/html/issues/4177 ).
In Chrome and Firefox at least, you can force these elements to be vertical by giving them a vertical writing-mode. (Safari seems to ignore the writing-mode on these form controls, by my testing at least). That's slightly hacky perhaps (e.g. it feels odd that an author has to decide whether their vertical progress bar should be `vertical-lr` vs `vertical-rl`), but it's interoperable at least. And https://github.com/whatwg/html/pull/10096 seems to be aiming to formalize this as the way to do things (in response to https://github.com/whatwg/html/issues/4177 ).