如何创建以一定时间间隔逐渐填充的矩形平板

Question

如何制作这样的矩形平板：

在这个平板中，随着时间的流逝和颜色的逐渐变化。

我尝试过的是

ParentView(with light Color)
 - > ChildView With dark Color (having heightContraint = 0)

父视图和子视图具有相等的三个约束，底部，前导和尾随

问题当我使用此给定代码时，我的整个View（视图控制器的视图）会随着时间的增加而增加。

执行动画的代码

UIView.animate(withDuration: 6) {
    self.hConstView1.constant = 200
    self.view.layoutIfNeeded()
}

请帮助我。