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

258
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>

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

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

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

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

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

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

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

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

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

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

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

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

 290