主要给大家介绍了利用CSS实现带箭头的流程进度条大方法，文中给出了详细的示例代码，对大家具有一定的参考价值，有需要的朋友们一起来看看吧。

本文介绍的是利用纯CSS的带箭头流程进度条，兼容到IE8，需要的朋友们下面来一起学习学习。 首先写出一个基本的样式。 .cssNav li{ padding: 0px 20px; line-height: 40px; background: #50abe4; display: inline-block; color: #fff; position: relative; } 接下来使用 :after 伪类画出一个三角形，定位到右边，如下： .