在PHP中将2个或更多png图像合并到基本图像上

我有一个基本的图像，这是圆圈与破折号和另外24个图像与单破折号突出显示。我想在PHP GD的帮助下，将这24个破折号图像合并到基本图像中。或者JS或者CSS

所有图像均为png图像

---

请帮助我。

给图片一个类或id：

<img class="progress" src="http://i.stack.imgur.com/ThNPg.png"/>
<img class="aboveprogress" src="http://i.stack.imgur.com/drRa2.png"/>
<img class="aboveprogress" src="http://i.stack.imgur.com/YpCTF.png"/>

.progress {
    position: fixed;
    top: 5px;
    left:5px;
    z-index: 0;
}
.aboveprogress {
    position: fixed;
    top: 5px;
    left:5px;
    z-index: 1;
}