<div class="container">
	<div class="scroller">
		<div class="content">
		</div>
	</div>
</div>

* {
	box-sizing: border-box;
}

.container {
	background-color: gray;
	text-align: center;
	font-size: 0; // hack to remove whitespace
}

.scroller {
	width: 200px;
	overflow: hidden;
	overflow-x: auto;
	display: inline-block;
	-webkit-overflow-scrolling: touch;
}

.content {
	width: 600px;
	height: 50px;
	background: linear-gradient(
		to right,
		red 0,
		red 25%,
		yellow 25%,
		yellow 50%,
		red 50%,
		red 75%,
		yellow 75%,
		yellow 100%);
}