Ползунок треугольником JQuery CSS

215

19 октября 2017, 10:06

Здравствуйте. Столкнулся с проблемой. Не могу сделать прогресбар треугольной формы как на картинке. Может кто-то сталкивался с похожим?

Answer 1

html, 
body { 
  margin: 0; 
  width: 100%; 
  height: 100%; 
  background: #272727; 
} 
 
.tt { 
  margin: 0; 
  background: blue; 
  width: 100%; 
  height: 30px; 
  clip-path: polygon(0% 50%, 100% 0%, 100% 0%, 100% 100%); 
}

<div class="tt"></div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

не отображается блок в ios [требует правки]

Тестирую верстку сайта в browserstackНа iPhone У меня внутри подвала два div'а, при этом один не отображается совсем, пишет, что height: 0

269

MySQL

Python MySQL запрос с подстановкой значений

Пытаюсь создать во Flask sql запрос с подстановкой параметраТакой код выдает ошибку:

266

MySQL

Sql работа с таймером

Добрый день надо реализовать такой скриптЕсть таблица в ней есть колонка статус по деффалту она оффлайн

337

MySQL

выполнение файла в mysql

изучаю mysql и php по книгедошел до момента что надо из файла с расширением

254