html - CSS使右边框对 Angular 线

Question

如何使用 css 创建一条垂直倾斜的线，如下所示？

Answer 1

尝试使用 border

.progressbar{
  position: relative;
  overflow: hidden;
  height: 10px;
  background: #eee;
}
.progressbar > i{
  position: absolute;
  width: 60%;
  border-top:  10px solid #0bf;          /* same as parent height */
  border-right: 3px solid transparent;   /* diagonality :) */
}

<div class="progressbar"><i></i></div>