<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comentarios en: Crear una barra de progreso con HTML y Javascript</title>
	<atom:link href="http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/</link>
	<description>Algo debe ser verdad</description>
	<lastBuildDate>Tue, 31 Jan 2012 16:48:40 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>Por: cejuanjo</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-2016</link>
		<dc:creator>cejuanjo</dc:creator>
		<pubDate>Tue, 31 Jan 2012 16:48:40 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-2016</guid>
		<description>Gracias por el código y las explicaciones. Me han resultado de una gran utilidad. A tu disposición.</description>
		<content:encoded><![CDATA[<p>Gracias por el código y las explicaciones. Me han resultado de una gran utilidad. A tu disposición.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: El_Happy</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-2014</link>
		<dc:creator>El_Happy</dc:creator>
		<pubDate>Thu, 19 Jan 2012 01:54:45 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-2014</guid>
		<description>Podrías usar el atributo onClick para hacer esto:
&lt;pre lang=&quot;html4strict&quot; line=&quot;1&quot; escaped=&quot;true&quot;&gt;&lt;input class=&#039;form&#039; type=&#039;button&#039; value=&#039;Continuar&#039; onClick=&#039;location.href=&quot;http://elhappy.net/&quot;&#039;&gt;&lt;/pre&gt;
Espero te sirva. :cool:</description>
		<content:encoded><![CDATA[<p>Podrías usar el atributo onClick para hacer esto:</p>
<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'form'</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'button'</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'Continuar'</span> <span style="color: #000066;">onClick</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">'location.href=&quot;http://elhappy.net/&quot;'</span>&gt;</span></pre></td></tr></table></div>
<p>Espero te sirva. <img src='http://elhappy.net/wp-content/plugins/smilies-themer/Nomicons v2.0/cool.png' alt=':cool:' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Jorge</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-2013</link>
		<dc:creator>Jorge</dc:creator>
		<pubDate>Thu, 19 Jan 2012 00:17:38 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-2013</guid>
		<description>Muy bueno el código, estudiándolo un poco llegué a configurar colores, líneas, tiempo y tamaño, pero no logro agregarle un link al boton para que vaya a una página siguiente. Agradecería la ayuda de como hacerlo. Abrazo desde Arg!!</description>
		<content:encoded><![CDATA[<p>Muy bueno el código, estudiándolo un poco llegué a configurar colores, líneas, tiempo y tamaño, pero no logro agregarle un link al boton para que vaya a una página siguiente. Agradecería la ayuda de como hacerlo. Abrazo desde Arg!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Marvin</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1995</link>
		<dc:creator>Marvin</dc:creator>
		<pubDate>Tue, 25 Oct 2011 13:33:02 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1995</guid>
		<description>Saludos esta muy interesante el codigo, mira tengo un formulario en donde subo archivo y me gustaria utilizar esa barra de progreso para cuando el usuario descargue el archivo vea el porcentaje de descarga. Mi pregunta es ¿que si ese codigo que publicaste me sirve para mi formulario o debo de cambiarle algo para que ejecute la accion que dije?
Espero tu respuesta gracias</description>
		<content:encoded><![CDATA[<p>Saludos esta muy interesante el codigo, mira tengo un formulario en donde subo archivo y me gustaria utilizar esa barra de progreso para cuando el usuario descargue el archivo vea el porcentaje de descarga. Mi pregunta es ¿que si ese codigo que publicaste me sirve para mi formulario o debo de cambiarle algo para que ejecute la accion que dije?<br />
Espero tu respuesta gracias</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Andres</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1877</link>
		<dc:creator>Andres</dc:creator>
		<pubDate>Tue, 08 Feb 2011 12:38:45 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1877</guid>
		<description>Hola esta muy bueno el codigo, como lo podria implementar para usarla con el envento  para que termine cuando termine de Cargar la PAgina
Muchas GRacias</description>
		<content:encoded><![CDATA[<p>Hola esta muy bueno el codigo, como lo podria implementar para usarla con el envento  para que termine cuando termine de Cargar la PAgina</p>
<p>Muchas GRacias</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: pedro</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1430</link>
		<dc:creator>pedro</dc:creator>
		<pubDate>Tue, 03 Aug 2010 13:11:31 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1430</guid>
		<description>mmm</description>
		<content:encoded><![CDATA[<p>mmm</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: El_Happy</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1381</link>
		<dc:creator>El_Happy</dc:creator>
		<pubDate>Fri, 02 Jul 2010 23:43:15 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1381</guid>
		<description>:wassat: Mandamelo mejor por la parte de Contacto que esta en la parte superior o al correo contacto@elhappy.net
Saludos.</description>
		<content:encoded><![CDATA[<p> <img src='http://elhappy.net/wp-content/plugins/smilies-themer/Nomicons v2.0/wassat.png' alt=':wassat:' class='wp-smiley' /> Mandamelo mejor por la parte de Contacto que esta en la parte superior o al correo <a href="mailto:contacto@elhappy.net">contacto@elhappy.net</a></p>
<p>Saludos.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: marx</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1379</link>
		<dc:creator>marx</dc:creator>
		<pubDate>Fri, 02 Jul 2010 18:45:21 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1379</guid>
		<description>[contenido eliminado]
aqui ta el formulario por k kuando publico aki se corta la imagen</description>
		<content:encoded><![CDATA[<p>[contenido eliminado]</p>
<p>aqui ta el formulario por k kuando publico aki se corta la imagen</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: El_Happy</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1378</link>
		<dc:creator>El_Happy</dc:creator>
		<pubDate>Fri, 02 Jul 2010 17:31:37 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1378</guid>
		<description>Bueno no entiendo que es lo que quieres hacer, tienes en tu formulario solo 2 hidden no se si quieres que inicie al instante la barra de progreso o que es lo que deseas hacer. :wassat:
Para agregarlo solo necesitas agregar el codigo tal como esta arriba. :unsure:
Subir archivo
Archivo:
&lt;input type=&quot;hidden&quot; name=&quot;id&quot; id=&quot;id&quot; value=&quot;” /&gt;
&lt;input type=&quot;hidden&quot; name=&quot;nombre&quot; id=&quot;nombre&quot; value=&quot;” /&gt;
&lt;div align=&quot;center&quot;&gt;
    &lt;div id=&quot;vacio&quot; align=&quot;left&quot;&gt;
        &lt;div id=&quot;div_completado&quot;&gt;
            &lt;div id=&quot;div_barra&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id=&quot;div_boton&quot;&gt;&lt;/div&gt;
&lt;/div&gt;</description>
		<content:encoded><![CDATA[<p>Bueno no entiendo que es lo que quieres hacer, tienes en tu formulario solo 2 hidden no se si quieres que inicie al instante la barra de progreso o que es lo que deseas hacer. <img src='http://elhappy.net/wp-content/plugins/smilies-themer/Nomicons v2.0/wassat.png' alt=':wassat:' class='wp-smiley' /> </p>
<p>Para agregarlo solo necesitas agregar el codigo tal como esta arriba. <img src='http://elhappy.net/wp-content/plugins/smilies-themer/Nomicons v2.0/unsure.png' alt=':unsure:' class='wp-smiley' /> </p>
<p>Subir archivo</p>
<p>Archivo:</p>
<p>&lt;input type=&#8221;hidden&#8221; name=&#8221;id&#8221; id=&#8221;id&#8221; value=&#8221;” /&gt;<br />
&lt;input type=&#8221;hidden&#8221; name=&#8221;nombre&#8221; id=&#8221;nombre&#8221; value=&#8221;” /&gt;<br />
&lt;div align=&#8221;center&#8221;&gt;<br />
    &lt;div id=&#8221;vacio&#8221; align=&#8221;left&#8221;&gt;<br />
        &lt;div id=&#8221;div_completado&#8221;&gt;<br />
            &lt;div id=&#8221;div_barra&#8221;&gt;&lt;/div&gt;<br />
        &lt;/div&gt;<br />
    &lt;/div&gt;<br />
    &lt;div id=&#8221;div_boton&#8221;&gt;&lt;/div&gt;<br />
&lt;/div&gt;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: marx</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1377</link>
		<dc:creator>marx</dc:creator>
		<pubDate>Fri, 02 Jul 2010 15:00:22 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1377</guid>
		<description>[contenido eliminado]
este es mi formulario como inserto lo que tu hiciste a esto eso e lo k no entiendo</description>
		<content:encoded><![CDATA[<p>[contenido eliminado]</p>
<p>este es mi formulario como inserto lo que tu hiciste a esto eso e lo k no entiendo</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: El_Happy</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1376</link>
		<dc:creator>El_Happy</dc:creator>
		<pubDate>Fri, 02 Jul 2010 05:31:18 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1376</guid>
		<description>Bueno podrías utilizar en el botón que se ejecute una función en javascript para mostrar la barra de progreso, el problema es que debe ser un tiempo estimado, no precisamente lo que tarda en subir el archivo.
&lt;input type=&quot;button&quot; id=&quot;subir&quot; name=&quot;subir&quot; value=&quot;Subir archivo&quot; onclick=&quot;mostrar_barra();&quot;&gt;
&lt;script&gt;
function mostrar_barra()
{
  // Oculta el div donde tienes el input file y el boton de subida
  document.getElementById(&#039;div_con_input_subida&#039;).style.visibility = &quot;none&quot;;
  // Muestra el div con la barra de progreso que estaba oculta (debes tenerlo ya puesto el html
  document.getElementById(&#039;div_con_barra_y_mas&#039;).style.visibility = &quot;&quot;;
  // Elimina del primer codigo javascript que inicie automatico, se inicia al dar clic en subir
  iniciar_proceso();
}
&lt;/script&gt;
Espero me entiendas, saludos. :biggrin:</description>
		<content:encoded><![CDATA[<p>Bueno podrías utilizar en el botón que se ejecute una función en javascript para mostrar la barra de progreso, el problema es que debe ser un tiempo estimado, no precisamente lo que tarda en subir el archivo.</p>
<p>&lt;input type=&#8221;button&#8221; id=&#8221;subir&#8221; name=&#8221;subir&#8221; value=&#8221;Subir archivo&#8221; onclick=&#8221;mostrar_barra();&#8221;&gt;<br />
&lt;script&gt;<br />
function mostrar_barra()<br />
{<br />
  // Oculta el div donde tienes el input file y el boton de subida<br />
  document.getElementById(&#8216;div_con_input_subida&#8217;).style.visibility = &#8220;none&#8221;;</p>
<p>  // Muestra el div con la barra de progreso que estaba oculta (debes tenerlo ya puesto el html<br />
  document.getElementById(&#8216;div_con_barra_y_mas&#8217;).style.visibility = &#8220;&#8221;;</p>
<p>  // Elimina del primer codigo javascript que inicie automatico, se inicia al dar clic en subir<br />
  iniciar_proceso();<br />
}<br />
&lt;/script&gt;</p>
<p>Espero me entiendas, saludos. <img src='http://elhappy.net/wp-content/plugins/smilies-themer/Nomicons v2.0/grin.png' alt=':biggrin:' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: marx</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1374</link>
		<dc:creator>marx</dc:creator>
		<pubDate>Fri, 02 Jul 2010 03:59:58 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1374</guid>
		<description>ola disculpen las molestian muy bueno tu sitio soy nuevito programando sabes como inserto ese codigo a este es que al hacer click en el boton subir quiero k me aparesca esa barra de progreso que hiciste
saludos aqui va el codigo (no tomes en cuenta el php solo el html)
[contenido eliminado]
 :ermm:</description>
		<content:encoded><![CDATA[<p>ola disculpen las molestian muy bueno tu sitio soy nuevito programando sabes como inserto ese codigo a este es que al hacer click en el boton subir quiero k me aparesca esa barra de progreso que hiciste</p>
<p>saludos aqui va el codigo (no tomes en cuenta el php solo el html)</p>
<p>[contenido eliminado]</p>
<p> <img src='http://elhappy.net/wp-content/plugins/smilies-themer/Nomicons v2.0/ermm.png' alt=':ermm:' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Albertux7</title>
		<link>http://elhappy.net/2010/06/crear-una-barra-de-progreso-con-html-y-javascript/comment-page-1/#comment-1373</link>
		<dc:creator>Albertux7</dc:creator>
		<pubDate>Mon, 28 Jun 2010 20:29:27 +0000</pubDate>
		<guid isPermaLink="false">http://elhappy.net/?p=1081#comment-1373</guid>
		<description>Se ve bien</description>
		<content:encoded><![CDATA[<p>Se ve bien</p>
]]></content:encoded>
	</item>
</channel>
</rss>

