> 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="/files/Rcw4iqwkdBCwfr5dqPy9" 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.