Determinate Progress Bar (barra de progreso)

Una barra fina en la parte superior de la página avanza poco a poco durante la navegación y se completa al cargar.

Añade una "Top Loading Bar" (también llamada page progress bar) en [dónde].
Una barra fina en el borde superior debe avanzar rápido al principio y luego cada vez más despacio mientras carga la página; cuando termine, debe correr hasta el final y desvanecerse.
Nunca dejes que llegue al final antes de que la carga termine de verdad, y evita que tape o desplace el contenido de la página.

Una barra o un anillo se va llenando a medida que el usuario se desplaza por la página o el artículo.

Añade una barra de progreso de lectura (Scroll Progress Indicator, también llamada reading progress bar) en [dónde].
Una barra fina en la parte superior debe llenarse de izquierda a derecha según lo que el lector haya avanzado, hasta ocupar todo el ancho al final.
Vincúlala directamente a la posición del scroll, sin retraso de suavizado, y evita que tape el contenido.

Un segmento de barra recorre una y otra vez el carril cuando no se conoce la duración.

Añade una barra de progreso indeterminada (Indeterminate Linear Progress, también llamada indeterminate progress bar) en [dónde].
Un segmento corto debe recorrer el carril de un extremo a otro una y otra vez, rápido y suave, mientras no se sepa cuánto durará la tarea.
Deja que el segmento entre y salga del carril por completo para que el bucle no tenga cortes visibles, y márcalo como barra de progreso ocupada para lectores de pantalla.

Un arco crece alrededor de un anillo para mostrar el porcentaje completado.

Añade un "Progress Ring" (también llamado circular progress o radial progress) en [dónde].
Empezando arriba, un arco debe crecer en el sentido de las agujas del reloj alrededor del anillo para mostrar el porcentaje completado, frenando suavemente al asentarse, mientras el número del centro sube a la par.
Mantén sincronizados el arco y el número, y expón el valor con la semántica correcta de barra de progreso para lectores de pantalla.

Una lista de pasos se resalta o se marca uno a uno a medida que avanza una tarea larga.

Añade un "Multi-Step Loader" (también llamado step loader o checklist loader) en [dónde].
Los pasos deben iluminarse uno a uno de arriba abajo, y cada uno debe recibir una pequeña marca de verificación que aparece con un pequeño salto al completarse, a un ritmo tranquilo y fácil de leer.
Avanza los pasos según el progreso real de la tarea en lugar de un temporizador fijo, y anuncia cada paso completado a los lectores de pantalla.