Web Progressbar 1
Run
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bar</title> </head> <body> <!-- copy --> <div class="progress-outer"> <div class="progress-inner">50%</div> </div> <!-- end --> </body> </html>
CSS
.progress-outer{ width: 100%; height: 20px; border: none; background: #f1f1f1; } .progress-inner{ width: 50%; height: 20px; border: none; font-size: 15px; font-family: courier; font-weight: normal; text-align: center; color: #ffffff; background: #19a9a6; }
Follow Us