CSS pending label or button
label.disabled,
button.disabled{
pointer-events: none;
}
label.disabled::before,
button.disabled::before{
content: '';
position: absolute;
left: 0;right: 0;top: 0;bottom: 0;
background: repeating-linear-gradient(-45deg,#eee,#eee 20px,#ddd 20px,#ddd 40px);
background-size:56px 56px;/* This is unique for this background, need to find a pattern and develop a formula */
background-position-x:0%;
animation: form_pending 5s infinite linear;
opacity: .5;
}
@keyframes form_pending {
0%{
background-position-x:0%;
}
100% {
background-position-x:200%;
}
}