.btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff !important; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color: #ffffff !important; } .conts img{max-width:500px;} .conts a.but{margin-bottom:15px;} .conts a.btn{margin-bottom:25px; display:block;} .conts a.btn:first-child{background:none;border:0;}
Simple, small and comprehensive jQuery plugin which allows you to present to an user a progress of page reading (scrolling). Easy to use and theming, works in all major browsers. Great tool for blogs. Plugin provides plenty of options to present to your users, how many percent of content they were read. You will be able to do it by animated bar, astonishing and beautifully animated icon or both.
