.progress {
  height: 3em;
  width: 100%;
 background: -moz-linear-gradient(left, #e5405e 0%, #ffdb3a 50%, #00FF00 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e5405e 0%, #ffdb3a 50%, #00FF00 100%);
	/* Chrome10-25,Safari5.1-6 */ 
	background: linear-gradient(to right, #e5405e 0%, #ffdb3a 50%, #00FF00 100%);
  position: relative;
}

.progress .value {
 
  background-color: #D3D3D3;
  position: absolute;
  right: 0px;
  height: 100%;
}

.progress:before {
  content: attr(data-label);
  font-size: 1.6em;
  position: absolute;
  text-align: center;
  top: 10px;
  left: 0;
  right: 0;
  z-index: 100;
}