title: VueJs Progress Bar to track VueX mutation progress
body: <p>I'm having an issue creating a Progress bar that tracks the real time progress of a VueX mutation. </p>
  
  <p>I have a button component that runs a mutation when the user clicks the button. This mutation goes through an array and performs a function on each item in the array. While performing this function it updates a 'progress' status in the store. I have a progress bar component that reads this 'progress' status from the store as a computed property. </p>
  
  <p>I was hoping that as the progress status updates so would the progress bar but it seems I am having an issue with the DOM Rendering the change as quickly as it is being updated. My mutation runs and the progress bar goes from 0 to 100 with no update in-between. </p>
  
  <p>I guess I'm having an issue conceptualizing why my DOM isn't redrawing as quickly as I am updating the 'progress' status and if there is any way of accomplishing this</p>