The button labelled "Top" is set to be located at 30% of the width and the height of its parent. Top's width is set to 25% of its parent's width. The "Middle" button is constrained (not using the percent parent's facilities) to be just below the "Top" button. The "Bottom" button uses the percent_parent to keep Bottom's Y coordinate at 90% of the parent's height. The bottom button is constrained to be at the same position in X as the Top button.
This demo seems to me to have revealed a bug in the implementation of the percent parent when it is used with children which have constraints which are dependent on each other.