Эх, совсем скучно всё-таки стало с этими флексами и гридами)
Вот раньше бы сделали полосу абсолютной на всю ширину, потом бы её аккуратно спрятали. Или другой какой хитрый трюк применили. А сейчас - говоришь, расти пока можешь, оно само растёт.
https://codepen.io/geff21st/pen/qPgobZ вот пример с SVG. Поддержка хорошая. Правда, в IE есть проблемы с автоматическим вычислением высоты в зависимости от ширины (нужно оба измерения точно задавать в пикселях), в остальном, вроде бы проблем не было.
Я конечно понимаю, что это было давно и вопрос уже не очень актуален. Но я его нашел только сейчас и вот что у меня получилось: jsfiddle.net/m2qzvy9w/1