ironsmile/progress.html

## progress.html
<!DOCTYPE html>
<html>
    <header></header>
    <body>
        <progress value="5" max="13" id="prog"></progress>
        <script>
            _t = null;
            function progress () {
                if (_t) {
                    clearTimeout(_t);
                };

                var el = document.getElementById('prog');
                var new_val = el.value + 1;
                if (new_val >= el.max) {
                    new_val = el.max;
                };

                el.value = new_val;

                if (el.value < el.max) {
                    _t = setTimeout(function () { progress(); }, 1000);
                };
            }
            progress();
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<header></header>
	<body>
	<progress value="5" max="13" id="prog"></progress>
	<script>
	_t = null;
	function progress () {
	if (_t) {
	clearTimeout(_t);
	};

	var el = document.getElementById('prog');
	var new_val = el.value + 1;
	if (new_val >= el.max) {
	new_val = el.max;
	};

	el.value = new_val;

	if (el.value < el.max) {
	_t = setTimeout(function () { progress(); }, 1000);
	};
	}
	progress();
	</script>
	</body>
	</html>