JSFiddle - React, Tailwind, and code Playground

HTML

<div class="line"></div>

CSS

html,body{background:url(http://i.imgur.com/ixr4wNC.jpg); height:100%;padding:0;margin:0;overflow:hidden;}
.line {
  margin-top: 50px;
  height: 5px;
  width: 20%;
  background: #fff;
  position: relative;
  box-sizing: border-box;
}
.line:after,
.line:before {
  content: "";
  position: absolute;

}
.line:after {
  left: calc(100% + 2px);
  height: 25px;
  width: 25px;
  top: -12px;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  transform: rotate(225deg);
}
.line:before {
  height: 100%;
  top: 0;
  left: calc(100% + 34px);
  width: 400px;
  background: inherit;
}