angular-progress-button
Version:
Brings buttons with built-in progress meters to AngularJS.
2 lines • 911 B
CSS
/* angular-progress-button-enhanced v0.3.1 (https://github.com/FizzBuzz791/angular-progress-button) */
.progress-button{display:inline-block;font-size:24px;color:#fff ;text-decoration:none ;padding:14px 60px;line-height:1;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 1px 1px #ccc;border-radius:2px;background-color:#51b7e6;background-image:-webkit-linear-gradient(top,#51b7e6,#4dafdd);background-image:linear-gradient(top,#51b7e6,#4dafdd)}.progress-button-text{color:#fff;position:relative;z-index:2}.progress-button-bar{background-color:#e667c0;height:3px;bottom:0;left:0;width:0;position:absolute;z-index:1;border-radius:0 0 2px 2px;-webkit-transition:width .5s,height .5s;transition:width .5s,height .5s}.progress-button-bar.progress-button-horizontal{height:100%;border-radius:2px}.progress-button-bar.progress-button-vertical{height:0;top:0;width:100%;border-radius:2px}