JavaScript ProgressBar

Set the animationDuration property of the jqxProgressBar. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxProgressBar'></div>

JavaScript

$("#jqxProgressBar").jqxProgressBar({    
    width: 200,
    height: 20,
    theme:'energyblue',  
    showText: true,
});

var interval;

function sec() { 
  var value = $("#jqxProgressBar").jqxProgressBar('value');
  $("#jqxProgressBar").jqxProgressBar({
  value: value+10
  });
  
  if (value >= 90)
  clearTimeout(interval);
}
interval = setInterval(sec, 1000);