How to render progress line for IE9 without flexbox?

Question

css

Need to make it work for IE9 as well, unfortunately flexbox doesn't work there. How would you do? given that there can be from 2 to 6 points, the first and last that was at the edges, and the rest were evenly aligned ...
PS I need to do it quickly, but the nerves are no longer a rope) I tried it in different ways, maybe someone has a good idea

Answer 1

A fixed table distributes cells evenly, like space-between in flex.
From here you dance

.progress
  .cell

.progress { display: table; table-layout: fixed; width: 100%; }
.cell { display: table-cell; }

You may need to add a wrapper for table-row
Relative Cells, or inside an add. container with relative.
Add points inside, scatter with absolute along the borders of the cells.

Answer 2

Throw in IE9)