.stripe {
max-width: 300px;
position: relative;
}
.stripe:before {
content:'';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: #c37488;
/* Old browsers */
background: -moz-linear-gradient(left, #c37488 0%, #c37488 100px, #ffa500 100px, #ffa500 100px, #ffa500 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c37488), color-stop(100px, #c37488), color-stop(100px, #ffa500), color-stop(100px, #ffa500), color-stop(100%, #ffa500));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #c37488 0%, #c37488 100px, #ffa500 100px, #ffa500 100px, #ffa500 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #c37488 0%, #c37488 100px, #ffa500 100px, #ffa500 100px, #ffa500 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #c37488 0%, #c37488 100px, #ffa500 100px, #ffa500 100px, #ffa500 100%);
/* IE10+ */
background: linear-gradient(to right, #c37488 0%, #c37488 100px, #ffa500 100px, #ffa500 100px, #ffa500 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c37488', endColorstr='#ffa500', GradientType=1);
/* IE6-9 */
}
<div class="stripe">полоска</div>