table {
    --git-progress: 90%;
    --c-progress: 70%;
    --python-progress: 80%;
    --java-progress: 90%;
    --cpp-progress: 30%;
    --sql-progress: 70%;
    --html-css-progress: 80%;
    --js-progress: 50%;
    --data_structures-progress: 80%;
    --apis-progress: 80%;
    --kafka-progress: 70%;
    --data_structures-progress: 80%;
    --ai-progress: 25%;
    --table-color: rgb(0, 200, 0);
}

/* Progress cells */

.progress_cell {
    width: 3rem;
}

#git_progress {
    background: linear-gradient(to right, var(--table-color) var(--git-progress), black var(--git-progress), black 100%);
}
#c_progress {
    background: linear-gradient(to right, var(--table-color) var(--c-progress), black var(--c-progress), black 100%);
}
#python_progress {
    background: linear-gradient(to right, var(--table-color) var(--python-progress), black var(--python-progress), black 100%);
}
#cpp_progress {
    background: linear-gradient(to right, var(--table-color) var(--cpp-progress), black var(--cpp-progress), black 100%);
}
#java_progress {
    background: linear-gradient(to right, var(--table-color) var(--java-progress), black var(--java-progress), black 100%);
}
#sql_progress {
    background: linear-gradient(to right, var(--table-color) var(--sql-progress), black var(--sql-progress), black 100%);
}
#html_css_progress {
    background: linear-gradient(to right, var(--table-color) var(--html-css-progress), black var(--html-css-progress), black 100%);
} 
#js_progress {
    background: linear-gradient(to right, var(--table-color) var(--js-progress), black var(--js-progress), black 100%);
}
#data_structures_progress {
    background: linear-gradient(to right, var(--table-color) var(--data_structures-progress), black var(--data_structures-progress), black 100%);
}
#apis_progress {
    background: linear-gradient(to right, var(--table-color) var(--apis-progress), black var(--apis-progress), black 100%);
}
#kafka_progress {
    background: linear-gradient(to right, var(--table-color) var(--kafka-progress), black var(--kafka-progress), black 100%);
}
#ai_progress {
    background: linear-gradient(to right, var(--table-color) var(--ai-progress), black var(--ai-progress), black 100%);
}