HTML CSS examples for CSS Widget:Border Style
Border as progress
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> @import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700); html,<!--from ww w .j a va 2 s . c o m--> body { width: 100%; height: 100%; margin: 0; height: 0; background: #fff; } #progress { display: block; max-width: 200px; min-width: 150px; position: relative; margin: 50px auto 0; padding: 0 3px; border-bottom: 10px solid #ECECEC; font: bold 26px 'Dancing Script', cursive; } #progress i { display: block; position: absolute; width: 1em; height: 10px; left: 0; bottom: -10px; background-color: #4287F4; } </style> </head> <body> <h1 id="progress"> <i></i> Recent Posts </h1> </body> </html>