<style>
progress[value] {
/* Reset the default appearance */
-webkit-appearance: none;
appearance: none;

width: 250px;
height: 20px;
}

progress[value]::-webkit-progress-value {
background-image:
-webkit-linear-gradient(-45deg, 
transparent 33%, rgba(0, 0, 0, .1) 33%, 
rgba(0,0, 0, .1) 66%, transparent 66%),
-webkit-linear-gradient(top, 
rgba(255, 255, 255, .25), 
rgba(0, 0, 0, .25)),
-webkit-linear-gradient(left, #09c, #f44);

border-radius: 2px; 
background-size: 35px 20px, 100% 100%, 100% 100%;
}
</style>

<ons-page>

	<progress style="margin:10px" value="67" max="100">
</progress>

</ons-page>