how to change progress in jquery

Question

JavaScript

There is a code:
<progress value="" max="100">

$(document).ready(function() {
  $('button').click(function() {
    $('progress').val(20);
  });
});

How to add 20 to the progress every time you click on the button?
And how to do it smoothly?

Answer 1

$('progress').val($('progress').val() + 20);
here to make it smooth
https://jsfiddle.net/r445dny7/3/

Answer 2

$('progress').attr('value', '20');