CSS сделать правую границу диагональной

#html #css

#HTML #css

Вопрос:

Как я могу создать вертикально наклоненную линию с помощью css, как показано ниже?

введите описание изображения здесь

Комментарии:

1. что вы пробовали

Ответ №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>