Progress indicator with currently loading images

Question

I want to add a progress indicator (indeterminate) that is governed by the completed loading of an image from a URL.
Is there a way in JavaFX to tell whether or not an image has completed loading, which would be useful in controlling a progress indicator control.
An example use would be a picture album that loads a number of images and the progress indicator disappears once all images are loaded.
Cheers and happy holidays :)

Answer 1

You could bind the read only attribute Image.progress to the variable ProgressIndicator.progress. Note that Image.progress varies between 0-100%, but ProgressIndicator.progress takes value between 0-1. So you need to scale the value of Image.progress.
Also don't forget to set Image.backgroundLoading to true
Here is a code snippet
    var image = Image {
        backgroundLoading: true
        url: "http://www.sagarmatha.com/images/yosemite.gif"
    var progress = bind image.progress on replace {
        println(progress);
    var progressIndicator = ProgressIndicator{
        progress: bind progress / 100.
    }