<!DOCTYPE html>
<html>
<head>
<title>2K code</title>
<meta charset="utf-8" />
<meta name="author" content="2K code" />
<meta name="robots" content="noindex" />
<style>
#bar {
width:0%;
height:auto;
line-height:24px;
text-align:center;
background-color:#4DDDDD;
transition:all 0.4s ease;
}
</style>
<script>
var w=0, x=null;
function test(event) {
var x=event.keyCode;
var e=document.getElementById("bar");
if ((w < 100) && (x == 39)) {w+=10;}
if ((w > 000) && (x == 37)) {w-=10;}
e.style.width=w + "%";
e.innerHTML=w + "%";
}
</script>
</head>
<body onkeydown="test(event)">
<div id="bar">0%</div>
</body>
</html>
No hay comentarios