Home Esplora Aiuto
Accedi
khronosschoty
/
palemoon-dev
Segui 2
Vota 1
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Albero (Tree): ac60e7ecec
Rami (Branch) Tag
palemoon-dev
/
platform
/
layout
/
reftests
/
forms
/
progress
/
values-ref.html

values-ref.html 1.5 KB
Cronologia Originale

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.   <link rel='stylesheet' type='text/css' href='style.css'>
    4. 

  4.   <style>
    5. 

  5.     div:nth-child(1) > .progress-bar { width: 100%; }
    6. 

  6.     div:nth-child(2) > .progress-bar { width: 0%; }
    7. 

  7.     div:nth-child(3) > .progress-bar { width: 10%; }
    8. 

  8.     div:nth-child(4) > .progress-bar { width: 50%; }
    9. 

  9.     div:nth-child(5) > .progress-bar { width: 0%; }
    10. 

  10.     div:nth-child(6) > .progress-bar { width: 100%; }
    11. 

  11.     div:nth-child(7) > .progress-bar { width: 42%; }
    12. 

  12.     div:nth-child(8) > .progress-bar { width: 100%; }
    13. 

  13.     div:nth-child(9) > .progress-bar { width: 100%; }
    14. 

  14.     div:nth-child(10) > .progress-bar { width: 10%; }
    15. 

  15.   </style>
    16. 

  16.   <body>
    17. 

  17.     <div class="progress-element">
    18. 

  18.       <div class="progress-bar">
    19. 

  19.       </div>
    20. 

  20.     </div>
    21. 

  21.     <div class="progress-element">
    22. 

  22.       <div class="progress-bar">
    23. 

  23.       </div>
    24. 

  24.     </div>
    25. 

  25.     <div class="progress-element">
    26. 

  26.       <div class="progress-bar">
    27. 

  27.       </div>
    28. 

  28.     </div>
    29. 

  29.     <div class="progress-element">
    30. 

  30.       <div class="progress-bar">
    31. 

  31.       </div>
    32. 

  32.     </div>
    33. 

  33.     <div class="progress-element">
    34. 

  34.       <div class="progress-bar">
    35. 

  35.       </div>
    36. 

  36.     </div>
    37. 

  37.     <div class="progress-element">
    38. 

  38.       <div class="progress-bar">
    39. 

  39.       </div>
    40. 

  40.     </div>
    41. 

  41.     <div class="progress-element">
    42. 

  42.       <div class="progress-bar">
    43. 

  43.       </div>
    44. 

  44.     </div>
    45. 

  45.     <div class="progress-element">
    46. 

  46.       <div class="progress-bar">
    47. 

  47.       </div>
    48. 

  48.     </div>
    49. 

  49.     <div class="progress-element">
    50. 

  50.       <div class="progress-bar">
    51. 

  51.       </div>
    52. 

  52.     </div>
    53. 

  53.     <div class="progress-element">
    54. 

  54.       <div class="progress-bar">
    55. 

  55.       </div>
    56. 

  56.     </div>
    57. 

  57.   </body>
    58. 

  58. </html>
    59. 

  59.