요소에 그라디언트 레이어 적용

Question

그래서 jQ UI에서이 작은 진행 막대가 있습니다. http://jsfiddle.net/BnqaJ/ 그러나 현재의 그라데이션에는 이와 같은 줄무늬를 추가하고 싶습니다. http://jqueryui.com/demos/progressbar/#animated하지만 애니메이션이 아닙니다.

Answer 1

아마도 repeating-linear-gradient을 사용하여 진행률 막대를 오버레이하는 CSS 패턴을 만들 수 있습니다. 이것 좀보세요 : http://jsfiddle.net/joshdavenport/Qw6uv/2/. 그래디언트 각도를 변경하면 요소가있는 그래디언트가 중지됩니다. http://jsfiddle.net/joshdavenport/Qw6uv/4/

정상적으로 성능이 저하되지만 지원이 없으면 진행률 막대가 그대로 유지됩니다.

자세한 내용 및 브라우저 지원 정보는

을 참조하십시오. this page