Как сделать радужный индикатор полоску на сайте?

Question

[kuponibesplatno]

Привет друзья, подскажите пожалуйста, как сделать радугу, которая будет находиться вверху сайта и отображать загрузку страницы. Хотим сделать редизайн сайта в более цветастую форму и радужная полоска нам подходит очень сильно, как у этого сайта. Там у них ещё полоска двигается для плеера,,,, тоже кто-нибудь знает, как сделать такую же для плеера под ютуб ?


У нас движок Drupal и было бы круто просто установить нечто модуля, чтобы не париться

Answer 1

[Иван]

Если как на том сайте - css linear-gradient.
Если такую, как на картинке - картинкой либо svg/canvas

Answer 2

[Александр Таратин]

raphaeljs.com/polar-clock.html

Answer 3

[Сергей]

вот такую можно поставить urlid.ru/by5m , плагин называется knob.js делаешь круг и остальную часть обрезаешь overflow: hidden; и так по частям можно собрать радугу, можно самим на svg сделать, но тут более кросбраузерно