barraProgreso_index.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Contador con Barra de progreso</title>
    <link type="text/css" href="estilos.css" rel="stylesheet" />
    <link type="text/css" href="css/le-frog/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
    <script type="text/javascript" src="script.js"></script>

</head>
<body>

    <div id="contenedor">
        <form>
            <fieldset>
                <legend>Comentar</legend>
                <textarea id="caja" rows="10" cols="55"></textarea>
                <div id="consola">
                    <div id="barra">
                    <!-- AQUI COLOCAREMOS LA BARRA -->
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</body>
</html>