search

dascritch / cpu-audio

An audio WebComponent to provide timecoded links and other features to an audio tag
https://dascritch.github.io/cpu-audio/
GNU Lesser General Public License v3.0
24 stars 2 forks source link

Graphic restyle the loading progess bar #61

Closed dascritch closed 5 years ago

dascritch commented 5 years ago

It's actually ugly due to a glitch near the end.

You may use a svg inlined into css , and make it parametrable via css var

dascritch commented 5 years ago

https://www.heropatterns.com/

background-color: #DFDBE5;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
dascritch commented 5 years ago

CSP image inline violation

facepalm...

try with https://css-tricks.com/books/volume-i/striped-barberpole-animation/