---
title: "Progress Bar"
date: "2018-09-28T00:00:00+00:00"
tags: ["CSS3","PWA"]
project: "War of the Worlds Broadcast"
---

# Progress Bar

Source: https://greenzeta.com/update/progress-bar/
Last updated: 2026-01-09T00:45:44+00:00

Project: [War of the Worlds Broadcast](https://greenzeta.com/project/war-of-the-worlds-broadcast/)

To keep things interesting over a slow connection, I added a progress bar that kicks in once the audio becomes playable but the image assets aren't fully loaded. The syringe is an inline svg.