Hello Hugo,
Here is what can be achieved with jqxProgressBar:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxprogressbar.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#progressbar").jqxProgressBar({ height: 25, animationDuration: 0, width: 200 });
progress();
});
function progress() {
var val = $("#progressbar").val() || 0;
$("#progressbar").val(val + 1);
if (val >= 99) {
$("#progressbar").val(0);
}
setTimeout(progress, 10);
}
</script>
</head>
<body class='default'>
<div id='progressbar'>
</div>
</body>
</html>
Best Regards,
Dimitar
jQWidgets team
http://www.jqwidgets.com/
