Skip to main content

Posts

Showing posts with the label HCJ

Progress Bar with percentage

 <html>     <head>         <title>ProgressBar</title>     </head>     <style>     #bg{         position: absolute;         top:0; left:0;         width: 100%; height: 100%;         padding-top: 45%;     }     #pbg{         width:400px;         padding:5px;         border-radius:10px;         background-color: #fff;         border:solid 2px green;     }     #pb{         height:30px;         background-color: green;         text-align: center;         font-size: 18px;         font-weight: bold;         padding-top: 7px;         font-fam...

Copy to clipboard using HTML, CSS and JavaScript

 <html> <head> <title>COPY TO CLIPBOARD</title> <style> table{   margin:0 auto;   width: 500px;   margin-top: 100px; } td{   padding-bottom: 50px; } .title{   font-weight: bold;   font-family: calibri;   font-size: 42px;   color: #fff;   text-shadow: 2px 2px 20px black; } .note{   font-size: 20px;   font-family: Arial; } #key{   width:330px;   padding: 5px;   border:solid 2px navy;   border-radius: 5px;   text-align: center;   font-family: Arial;   font-size: 24px;   background-color: #fff; } #txt{   width:480px; height:200px;   border: solid 2px navy;   border-radius: 5px;   padding: 10px;   text-align: center;   font-family: calibri;   font-size: 26px; } #btn, #gen{   font-family: calibri;   font-size: 18px;   font-weight: bold;   border:none;   color:#fff;   border-radius: 5px;   padding...