Look in my signature for a better example, though I align two due to the smaller space available there. The code automatically resizes the progress bars so you can put four or two in the class and not have to readjust anything. [sc=s][progress=1/6]x[/progress][progress=4/7]y[/progress][progress=6/10]z[/progress][/sc] [style] .s { display: flex; .expbar { flex: 1 0; } } [/style]