CSS   45

progbar

Guest on 11th July 2022 02:20:25 AM

  1. body {
  2.         margin : 0 auto;
  3.         width:100%;
  4.         font-family: "Verdana";
  5.         color: #40454b;
  6.         font-size: 12px;
  7.         text-align:center;
  8. }
  9. .main {
  10.         width:540px;
  11.         margin: 0 auto;
  12.         text-align:left;
  13. }
  14. .heading {
  15.         font-size:14px;
  16.         font-weight:bold;
  17.         color:#CC0000;
  18.         padding:5px;
  19.         margin-left:10px;
  20.         border-bottom:solid;
  21.         border-bottom-width:1px;
  22.         border-bottom-color:#333333;
  23.         /* Use this to suppress the horizontal line under the heading */
  24.         /* border-bottom: 0px solid #000000; */
  25. }
  26. table {
  27.         font-family: "Verdana";
  28.         color: #40454b;
  29.         font-size: 12px;
  30. }
  31. .demo {
  32.         margin : 0 auto;
  33.         width:100%;
  34.         margin:20px;
  35.         /* Use this to suppress all the bars and text */
  36.         /* display: none; */
  37. }
  38. td {
  39.         vertical-align: top;
  40.         padding: 0 0.5em 0 0;
  41. }
  42. .code {
  43.         font-family: "Courier New", Courier, monospace;
  44.         font-size: 10px;
  45. }
  46. .code2 {
  47.         font-family: "Courier New", Courier, monospace;
  48.         font-size: 11px; font-weight: bold; color: red;
  49. }
  50. .barheading {
  51.         color:#006600;
  52.         font-weight:bold;
  53. }
  54. .progressBar {
  55.         border: 1px solid #000000;
  56.         background-color: #EEEEEE;
  57.         width: 200px;
  58.         font-size: 6px;
  59. }
  60. .innerBar {
  61.         background-color:#00CC00;
  62.         width: 0%;
  63. }
  64. #box3 {
  65.         font-weight: bold;
  66. }

Raw Paste


Login or Register to edit or fork this paste. It's free.