Server-Sent Events Progress

Stream server-side progress over SSE while a chunked upload is in flight. This demo listens to the live site endpoint at /demo/sse/progress/{uploadId}, which relays the built-in CoreUpload progress service.

What you should see: progress pushed from the server over Server-Sent Events, so the bar reflects what the server has actually committed rather than only what the browser has sent.

Server Event Stream

Waiting for upload to start...

CoreUpload.create('#sse-uploader', {
 uploadUrl: '/api/upload/upload',
 chunkUrl: '/api/upload/chunk',
 chunked: true,
 onTaskStart: function (task) {
 var stream = new EventSource('/demo/sse/progress/' + task.id);
 }
});