Как это сверстать?

Question

[Денис]

Как это сверстать?

Answer 1

[Иван Козлов]

Похожий пример

Answer 2

[Anna_BS]

codepen.io

Answer 3

[atis //]

Структура:

div.minus
div.center <- relative
      span.label
      span.value <- absolute OR vertical-align: bottom
      div.progress
          div.value
div.plus

Answer 4

[Вячеслав Беляев]

Берете две картинки по квадратику. и пишите два дива один в другом. Внешнему диву задаете фон серыми повторяющимися квадратиками, в внутреннему диву синие квадратики. и просто изменяете ширину внутреннего дива.

Можно сделать из мнежественных спанов, но тут js надо больше писать, а по вопросу видимо опыта у Вас мало