Bootstrap Progress Bars - quick question

I copied and pasted some of the bootstrap progress bar code below:

<div class="progress" style="width: 300px;">
  <div class="progress-bar" role="progressbar" style="width: 20%" aria-valuenow="3" aria-valuemin="0" aria-valuemax="10"></div>
</div>
<div class="progress" style="width: 300px;">
  <div class="progress-bar" role="progressbar" style="width: 30%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="10"></div>
</div>

Can someone please explain “aria-valuenow”? I played around with the values but it didn’t do anything.

aria stands for Accessible Rich Internet Applications. It’s an assistive technology for people with disabilities.