<html>
<head>
<style type="text/css">
.progress-bar input[type=number], .ui-slider-handle {
display: none;
}
.progress-bar .ui-slider-track {
margin: 0px;
}
</style>
</head>
<body>
<div data-role="page" data-theme="a" id="landing">
<div class="progress-bar">
<input type="range" id="progress-bar" value="0" min="0" max="100"
data-highlight="true" data-mini="true" />
</div>
</div>
<script type="text/javascript">
(function() {
var tries = 0;
var intervalId = window.setInterval(function(){
if (tries < 10){
tries++;
$('#progress-bar').val(tries * 10);
$('#progress-bar').slider('refresh');
}else{
window.clearInterval(intervalId);
}
}, 1000);
})();
</script>
</body>