Как реализовать progress bar?

CSS: div с width: percentage + transition: width 0.3s. Для загрузки файла: XMLHttpRequest upload.onprogress → e.loaded / e.total * 100. Для fetch: ReadableStream reader с content-length. Indeterminate: анимация полоски туда-сюда (CSS animation). Circular progress: SVG circle с stroke-dasharray и stroke-dashoffset. aria-progressbar, aria-valuenow, aria-valuemin, aria-valuemax для accessibility. Цвет: зелёный при завершении. Animate number: requestAnimationFrame для плавного счётчика процентов. NProgress для page transitions.