Prev Demo
Progress Bar
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title></title> <style> .meter { height: 20px; position: relative; background: green; border-radius: 25px; padding: 10px; text-align:center; } .meter > span { display: block; height: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color:blue; } </style> </head> <body> <p>Creating Progress bar</p> <div class="meter"> <span style="width: 30%"></span> </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
