Seta de sobreposição de CSS

Eu estou tentando realizar algo muito, muito semelhante à imagem abaixo com apenas CSS3.

A única diferença é que o último div teria uma ponta pontiaguda.

Na minha busca por algo semelhante para se adaptar, eu me deparei comeste violino js que vem muito perto do que eu quero fazer, mas introduz dois problemas: primeiro, é feito com canvas, e segundo, me força a "desenhar" setas efetivamente duas vezes para cada flecha - uma para a div e uma para a flecha. espaço antes da próxima seta. Tem que haver alguma maneira mais limpa de fazer isso - alguém pode me fornecer alguma direção aqui?

O que eu preciso saber é como construir o que é mostrado na figura acima - uma série de setas div sobrepostas - somente com CSS3.

questionAnswers(2)

yourAnswerToTheQuestion