{"id":25301,"date":"2012-10-04T10:04:53","date_gmt":"2012-10-04T08:04:53","guid":{"rendered":"http:\/\/onsoftware.softonic.com\/?p=25301"},"modified":"2025-06-13T06:03:18","modified_gmt":"2025-06-13T04:03:18","slug":"historia-barra-progreso-programar","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/es\/historia-barra-progreso-programar\/","title":{"rendered":"Barras de progreso: qui\u00e9n las invent\u00f3 y c\u00f3mo funcionan"},"content":{"rendered":"

Nos dan esperanzas y nos desesperan. Nos dan tiempo para hacer otras cosas. Nos hipnotizan. Se mueven y se mueven, pero nunca parecen llegar al final. Su mera presencia nos pone sobre el aviso de que algo est\u00e1 pasando…<\/p>\n

\"Barra<\/a><\/p>\n

Hablamos de las barras de progreso<\/strong>, elementos gr\u00e1ficos presentes en casi todas las aplicaciones que efect\u00faan operaciones largas, como cargar grandes archivos, modificar im\u00e1genes o convertir clips de v\u00eddeo a otro formato.<\/p>\n

El tiempo que pasamos contemplando el crecimiento de las barras de progreso suma d\u00edas enteros, pero rara vez nos hemos preguntado qui\u00e9n cre\u00f3 las barras de progreso y c\u00f3mo funcionan<\/strong>. Vamos a verlo.<\/p>\n

“\u00bfC\u00f3mo va esa tarea, computadora?”<\/h3>\n

\u00bfC\u00f3mo sabemos si un ordenador est\u00e1 pensando? No hay rostro que podamos observar en busca de un ce\u00f1o fruncido. Tampoco podemos hacerle preguntas. Lo \u00fanico que nos indica que el ordenador est\u00e1 ocupado haciendo c\u00e1lculos es la demora<\/strong> al contestar. Pero esa demora ni es constante ni tampoco es atribuible siempre al avance de un c\u00e1lculo.<\/p>\n

\"\"Hay indicadores sencillos, como luces que parpadean o indicadores de texto<\/strong>, que nos dicen si el ordenador est\u00e1 activo y haciendo cosas. Un ejemplo es la luz de actividad del disco duro. Pero estos signos son muy pobres<\/strong> en contenido: no dicen cu\u00e1ndo la m\u00e1quina habr\u00e1 terminado de efectuar una operaci\u00f3n.<\/p>\n

Cuando aparecieron las primeras interfaces gr\u00e1ficas de usuario (GUI)<\/a>, se abri\u00f3 todo un mundo de posibilidades en cuanto a la visualizaci\u00f3n de los procesos internos de un ordenador,\u00a0 mediante im\u00e1genes, colores y animaciones.<\/p>\n

Por fin los programadores pod\u00edan usar met\u00e1foras visuales<\/strong> para indicar qu\u00e9 estaba haciendo la m\u00e1quina en todo momento, y reducir as\u00ed la aprensi\u00f3n de los usuarios. Pero \u00bfqu\u00e9 met\u00e1fora pod\u00edan usar para indicar el progreso de una tarea?<\/p>\n

Las primeras barras de progreso… y las primeras patentes<\/h3>\n

\"\"Una de las met\u00e1foras m\u00e1s comprensibles para indicar el progreso de una acci\u00f3n (su estado en el tiempo) es el llenado de un recipiente<\/strong> o el movimiento de un indicador sobre una escala fija. Los term\u00f3metros, las botellas\u00a0 o los temporizadores son objetos que nos permiten predecir cu\u00e1ndo se alcanza un estado de completud.<\/p>\n

En 1896, Karol Adamiecki<\/a>, un economista polaco, invent\u00f3 el harmonograma<\/em>, una representaci\u00f3n del progreso de una tarea. Esta idea fue difundida algunos a\u00f1os m\u00e1s tarde por Henry Gantt<\/a>, inventor del conocido diagrama de Gantt<\/a>. En ambos casos, se usaba un gr\u00e1fico sencillo para indicar el completado de una tarea.<\/p>\n

\"\"<\/p>\n

Uno de los primeros diagramas de barras \/ cronogramas. Lo cre\u00f3 Joseph Priestley<\/a> en 1756 <\/strong>(fuente<\/a>)<\/em><\/p>\n

Las primeras referencias sobre el uso de barras de progreso en interfaces gr\u00e1ficas se remontan a finales de los a\u00f1os 80<\/strong>. Por aquella \u00e9poca, la mayor\u00eda de ordenadores ejecutaba sistemas operativos en modo texto, y solo Apple (con Mac OS) y Microsoft (con las primeras versiones de Windows) dominaban el escenario de los sistemas gr\u00e1ficos.<\/p>\n

\"\"<\/p>\n

Mac OS System 4.2, el primer sistema operativo que populariz\u00f3 las barras de progreso<\/em><\/p>\n

En los arcaicos archivos de los grupos de noticias Usenet<\/a>, hemos descubierto referencias<\/a> a las barras de progreso que datan de 1988, cuando Mac OS iba por la version 6. Por otras fuentes, sabemos que la barra de progreso apareci\u00f3 en Mac OS 4.2<\/a>, en 1987: la usaba el Finder<\/a> para mostrar el progreso de la copia de archivos.<\/p>\n

\"\"Seg\u00fan Google Books, la expresi\u00f3n “barra de progreso” tuvo una explosi\u00f3n de popularidad<\/a> a partir de 1988<\/em><\/p>\n

Las barras de progreso fueron uno de los primeros protagonistas de la Guerra Fr\u00eda de las Patentes de Software. En 1989 IBM present\u00f3 una patente<\/a> que describ\u00eda “un icono que cambia para marcar el progreso de una tarea”. Esta patente fue muy criticada por Richard Stallman<\/a>, pues en su opini\u00f3n imped\u00eda el desarrollo del software.<\/p>\n

\"\"<\/p>\n

El gr\u00e1fico incluido en la patente US5301348<\/a>, “Icono de identificaci\u00f3n de avance din\u00e1mico”<\/em><\/p>\n

C\u00f3mo se crea una barra de progreso (\u00a1ojo, hay c\u00f3digo!)<\/h3>\n

La mayor\u00eda de lenguajes de programaci\u00f3n cuentan con librer\u00edas de interfaz gr\u00e1fica que facilitan enormemente la creaci\u00f3n de las barras de progreso: con las funciones disponibles, no hace falta dibujarlas ni tampoco animarlas. A veces, es tan sencillo como arrastrarlas dentro del formulario (ventana) de la aplicaci\u00f3n.<\/p>\n

\"\" <\/em><\/p>\n

Con Visual C#, a\u00f1adir una barra de progreso es tan f\u00e1cil como arrastrarla y soltarla en la ventana<\/em><\/p>\n

Sea cual sea el lenguaje de programaci\u00f3n que uses para crear una aplicaci\u00f3n, los pasos a seguir para a\u00f1adir una barra de progreso a una aplicaci\u00f3n suelen ser siempre los mismos:<\/p>\n

    \n
  1. Crear la barra de progreso (mediante c\u00f3digo o con un editor visual)<\/li>\n
  2. Configurar los par\u00e1metros de la barra (m\u00ednimo, m\u00e1ximo, apariencia, etc.)<\/li>\n
  3. Actualizar la barra de progreso mediante un bucle que lee el dato a seguir<\/li>\n<\/ol>\n

    Vamos a ver un ejemplo sencillo en lenguaje C#<\/a> (o C Sharp), uno de los m\u00e1s populares hoy en d\u00eda. T\u00fa mismo puedes probar descargando Microsoft Visual C# 2008<\/a>, un entorno de programaci\u00f3n gratuito para Windows.<\/p>\n

    El c\u00f3digo, que hemos sacado de aqu\u00ed<\/a>, muestra el progreso de una copia de archivos (los comentarios van despu\u00e9s de cada “\/\/”). Empieza con la creaci\u00f3n de la barra y la definici\u00f3n de sus par\u00e1metros (excepto los puramente visuales):<\/p>\n

    private void CopyWithProgress(string[] filenames)<\/code><\/p>\n

    {<\/code><\/p>\n

    \/\/ Muestra la barra de progreso.<\/code><\/p>\n

    pBar1.Visible = true;<\/code><\/p>\n

    \/\/ Pone el m\u00ednimo en 1 para representar el primer archivo copiado<\/code><\/p>\n

    pBar1.Minimum = 1;<\/code><\/p>\n

    \/\/ Define el m\u00e1ximo como el total de archivos a copiar<\/code><\/p>\n

    pBar1.Maximum = filenames.Length;<\/p>\n

    \/\/ Define el valor inicial de la barra<\/p>\n

    pBar1.Value = 1;<\/p>\n

    \/\/ Define la longitud de cada paso de la barra de progreso<\/p>\n

    <\/code>pBar1.Step = 1;<\/code><\/p><\/blockquote>\n

    El c\u00f3digo anterior ha definido los valores m\u00ednimo, m\u00e1ximo e inicial de la barra, as\u00ed como la longitud de cada incremento y su visibilidad. A continuaci\u00f3n, el c\u00f3digo para “nutrir” la barra de progreso con la informaci\u00f3n relativa al copiado de archivos:<\/p>\n

    \/\/ Bucle que recorre todos los archivos a copiar<\/code><\/p>\n

    for (int x = 1; x <= filenames.Length; x++)<\/code><\/p>\n

    {<\/code><\/p>\n

    \/\/ Copia un archivo y, si tiene \u00e9xito, incrementa la barra<\/code><\/p>\n

    if(CopyFile(filenames[x-1]) == true)<\/code><\/p>\n

    {<\/code><\/p>\n

    \/\/ El incremento de la barra de progreso<\/code><\/p>\n

    pBar1.PerformStep();<\/p>\n

    }<\/p>\n

    }<\/p>\n

    }<\/p>\n

    <\/code><\/p><\/blockquote>\n

    Por cada archivo copiado con \u00e9xito, la funci\u00f3n PerformStep() incrementa en una unidad el contador, as\u00ed hasta que todos los archivos se hayan copiado. Por si sola, la barra de progreso es totalmente ignorante acerca de lo que ocurre a su alrededor, y es por ello que debe “rellenarse” a partir de la informaci\u00f3n que le proporcionemos.<\/p>\n

    Usos y abusos de las barras de progreso<\/h3>\n

    Hoy en d\u00eda las barras de progreso son omnipresentes<\/strong>. Las encontramos en aplicaciones para Windows, aplicaciones web y apps para tel\u00e9fonos m\u00f3viles de \u00faltima generaci\u00f3n. Aparecen en las pel\u00edculas<\/a> para a\u00f1adir suspense, aunque casi siempre de una manera inexacta y banal<\/a>.<\/p>\n

    Las barras de progreso, en suma, forman parte de nuestra cultura<\/strong>.<\/p>\n

    \"\"<\/p>\n

    La famosa barra de progreso de Independence Day<\/a>. Hasta que no se complete, la Tierra est\u00e1 en peligro…<\/em><\/p>\n

    Las barras de progreso conviven con otros indicadores<\/a>, como los porcentajes (en aplicaciones en modo consola), los relojes de arena y punteros animados del rat\u00f3n, as\u00ed como con las pantallas de carga.<\/p>\n

    Las barras de progreso siguen siendo, con todo, el recurso gr\u00e1fico m\u00e1s utilizado<\/strong> cuando hay que describir el progreso de una tarea en un entorno inform\u00e1tico.<\/p>\n

    \"\"<\/p>\n

    El nuevo cuadro de di\u00e1logo de copia de archivos de Windows 8, detallad\u00edsimo<\/em><\/p>\n

    Pero las malas pr\u00e1cticas<\/strong> a la hora de usar barras de progreso no faltan:<\/p>\n