CSS fill barline animation

Playing around with animations, UI concept for something I'm working on. Codepen here: https://codepen.io/philipphilip/pen/jmxOdv?editors=1100

Each barline has an inline CSS width value (i.e. can be dynamic) and the animation simply fills the space using width: inherit; (never thought I'd use that width property ever.

Three little dots meant to represent 100%+ values visually.