fork download 
  1. /* CSS for the Skill indicators */
  2. .skills {
  3.   /* Your existing CSS for the Skills section */
  4.   display: flex;
  5.   flex-direction: column;
  6.   align-items: flex-start;
  7. }
  8.  
  9. .skills ul {
  10.   /* Your existing CSS for the Skills list */
  11.   list-style: none;
  12.   padding: 0;
  13. }
  14.  
  15. .skill-name {
  16.   font-weight: bold;
  17. }
  18.  
  19. .skill-bar {
  20.   display: flex;
  21.   align-items: center;
  22.   width: 100%;
  23.   height: 20px;
  24.   background-color: #ddd;
  25.   border-radius: 5px;
  26.   margin-top: 5px;
  27. }
  28.  
  29. .skill-level {
  30.   border-radius: 5px;
  31.   background-color: #007acc;
  32.   transition: width 0.5s ease-in-out;
  33. }
  34.  
  35. .skill-level-90 {
  36.   width: 90%; /* Adjust the width for the skill level */
  37. }
  38.  
  39. .skill-level-80 {
  40.   width: 80%; /* Adjust the width for the skill level */
  41. }
  42.  
  43. /* Add more classes for different skill levels as needed */
  44.  
Success #stdin #stdout #stderr 0.03s 6996KB
comments (?)
stdin 
Standard input is empty
stdout 
Standard output is empty
stderr 
ERROR: /home/XNOJ9w/prog:43:59: Syntax error: Unexpected end of file
ERROR: '$runtoplevel'/0: Undefined procedure: program/0
   Exception: (3) program ? EOF: exit
https://ideone.com/pTQwRH
language:
Prolog (swi 7.6.4)
created:
2 years ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!