diff --git a/app/views/profile/index.php b/app/views/profile/index.php
index 4fb77fb6395550ae15feae0e8ef6494f82421eb7..3e0d830a1d7175f48081c6d388b8e66d3372f914 100644
--- a/app/views/profile/index.php
+++ b/app/views/profile/index.php
@@ -56,8 +56,8 @@ echo "<script>console.log('$id, $fullName, $email, $phone')</script>";
<div class="levelcontainer">
<div class="level">
<p class="leveltext">Level</p>
- <div class="levelcircle">
- <p class="leveltext">2</p>
+ <div class="levelcircle" id="levelcirle">
+ <!-- <p class="leveltext" id>2</p> -->
</div>
</div>
<ul class="skills skills1">
diff --git a/public/js/profile.js b/public/js/profile.js
index 82502e4fb41ed3430f3d25fc0a5bc18516e49d72..632b737498fad28997dce1c54accf822419603ec 100644
--- a/public/js/profile.js
+++ b/public/js/profile.js
@@ -89,13 +89,14 @@ function showExp(){
// const jsonObject = JSON.parse(response);
console.log(response);
- const parentElement = document.getElementById("exp");
+ const parentElement = document.getElementById("levelcirle");
let html = "";
+ const level = Math.floor(response/100)+1;
+ const exp = response%100;
+ document.querySelector('ul.skills li.sk-cms').style.setProperty('--per', exp);
html += `
- <div">
- <h1>EXP : ${response}</h1>
- </div>
+ <p class="leveltext" id>${level}</p>
`;
parentElement.innerHTML = html;
diff --git a/server/controller/auth/Profile.php b/server/controller/auth/Profile.php
index a2e9891b08a132de0866e4db223b5643d7a9704d..6b6f9b2e7949006a120b7c9d79a2eccb31562a7d 100644
--- a/server/controller/auth/Profile.php
+++ b/server/controller/auth/Profile.php
@@ -118,7 +118,7 @@ if(isset($_GET['show'])){
<Envelope xmlns="http://schemas.xmlsoap.org/soap/envelope/">
<Body>
<getExpUser xmlns="http://Services.nutricraft.org/">
- <arg0 xmlns="">1</arg0>
+ <arg0 xmlns="">3</arg0>
</getExpUser>
</Body>
</Envelope>';