When 30% of the bytes of the image are loaded the image will look like this:

For JPEG XL files, this demo currently only works with Chromium derived browsers. If you can't see an image here, you might need to enable decoding of JPEG XL files via a flag in Chrome: go to chrome://flags/ and search for 'jxl'.