Centering a View on top of another view in JavaFx - javafx

Question

I'm trying to center a view on top of another view essentially in an anchor pane.
Here is my code:
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<ListView fx:id="list" prefHeight="750.0" prefWidth="300.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
<ProgressIndicator fx:id="bar" />
</children>
</AnchorPane>
This is what it looks like:
This is my goal:
EDIT:
Updated code to include a stackpane
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<StackPane prefHeight="150.0" prefWidth="200.0">
<children>
<ListView fx:id="list" />
<ProgressIndicator fx:id="bar" />
</children>
</StackPane>
</children>
</AnchorPane>

Answer 1

Try this:
The key to filling the StackPane is to set the ListView's maxHeight and maxWidth to Double.MAX_VALUE.
<children>
<StackPane AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<children>
<ListView maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" />
<ProgressIndicator maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" progress="0.44">
<StackPane.margin>
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
</StackPane.margin>
</ProgressIndicator>
</children>
</StackPane>
The prefHeight and prefWidth for the StackPane and ListView may not reflect what you have in your original post. You can change these values to suit your needs. I also set Constraints on the StackPane so that it fills its Parent AnchorPane.
SceneBuilder Images:
You may need to set the preferred side of ProgressIndicator