Disabled button on save and cursor indicate progress

by microbians

HTML

<a class="button" onclick="$('body').addClass('loading'); $(this).addClass('disabled');">Save</a>

CSS

body {
    width:100%;
    height:100%;
    background: #f2f2f2;
    display:block;
    position:absolute;
    padding:50px;
}

.button {
    cursor: pointer;
    border-radius: 5px;
    background: #00A0FF;
    display: inline-block;
    padding: 10px;
    font-family: Arial;
    color: white;
    font-weight:bold;
}

.disabled {
    background: #E0E0E0;
    cursor: progress;
}

.loading {
    cursor: progress;
}
}