> For the complete documentation index, see [llms.txt](https://academy.trowelapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.trowelapp.com/planificacion/diagrama-de-gantt/barras-y-timeline.md).

# Barras y timeline

### Barras de tareas

Cada tarea se representa con una **barra horizontal** en el timeline:

* **Posición**: determinada por la fecha de inicio.
* **Longitud**: proporcional a la duración en días.
* **Color**: según el tipo de tarea y el progreso (si está configurado).
* **Progreso**: una franja interna indica el porcentaje de progreso (0–100 %).

Las tareas con **progreso 100 %** pueden mostrar un indicador visual distinto.

<figure><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-40851d722b2ec539b4e2e308e453c430e4c35cf1%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2018.10.57.png?alt=media" alt=""><figcaption></figcaption></figure>

### Barras de bloques

Los bloques muestran una **barra de rango** que abarca desde la primera tarea hija hasta la última. No tienen duración propia; su longitud es la suma del rango de sus tareas.

### Línea de "hoy"

Una **línea vertical** marca el día actual en el timeline. Permite comparar rápidamente el avance con la fecha actual.

El marcador incluye el número del día en la cabecera para facilitar la orientación.

### Fin de semana y días no laborables

Los fines de semana se muestran con un **fondo rayado** o coloreado para diferenciarlos de los días laborables. La cabecera del timeline muestra las fechas de cada día.