Striped Progress Bar

Demo uploads land in a temporary store and are swept after 60 minutes. To keep files, handle FileUploaded — see Single File for the complete save pattern.

Striped Animated Progress Bar

A Bootstrap-style striped and animated progress bar. The diagonal stripes animate continuously while the upload is in progress.

What you should see: the animated striped variant of the bar - purely presentational, identical events underneath.

.striped-fill {
 background-image: linear-gradient(45deg,
 rgba(255,255,255,.2) 25%, transparent 25%,
 transparent 50%, rgba(255,255,255,.2) 50%,
 rgba(255,255,255,.2) 75%, transparent 75%);
 background-size: 1rem 1rem;
 animation: stripeAnim 1s linear infinite;
}

onTaskProgress: function(task, pct) {
 fill.style.width = clampPercent(pct) + '%';
}