How to save progressbar after refresh page.

@aeiiJan 17.2017

I want to save my progress bar with text around him, when i refresh page ? I try to save session storage but without result … also i try to use “if (performance.navigation.type == 1)” but now when refresh and click some of links progress bar start from zero .. (not from saved place) Any ideas ?

HTML > ~~[url]~~http://pastebin.com/ZTJJugfw[/url]

CSS > ~~[url]~~http://pastebin.com/hmVLuTM0[/url]

JS > ~~[url]~~http://pastebin.com/1LztBzRm[/url]

to post a comment

JavaScript

@aeiiauthorJan 17.2017 — #Maybe i need to use cookie ? but how ?

@rootJan 18.2017 — #localStorage object rather than using the session storage object is a better option. Cookies are dead, try not using them.

@SempervivumJan 18.2017 — #Your code is fine so far. The only thing you need to do is querying if an item in local storage is already present:

[CODE]        $(document).ready(function () {
 
   function updateProgressBar(vot) {
   $('.progressbar-label').html("You are " + vot + "% complete with this training");
   $('.progressbar').progressbar({ value: + vot });
   }
   $('.link').one("click", function (event) {
   var $this = $('.link');
 
   // store voting value in data-voting
   if (!$this.data('voting'))
   $this.data('voting', 0);
 
   var voting = parseFloat($this.data('voting'), 10);
   voting = voting + 100 / 13;
 
   $this.data('voting', voting);
   voting = Math.round(voting)
 
   localStorage.setItem("votPoints", voting)
 
   updateProgressBar(voting);
 
   $(this).parent().siblings().last().addClass("tick");
   event.preventDefault();
 
   });
 
   var item = localStorage.getItem('votPoints');
   if (item) {
   updateProgressBar(item);
   } else {
   updateProgressBar(0);
   }
   });[/CODE]

@rootJan 18.2017 — #It may be fine but the post is in the wrong forum.

JQuery goes in its own forum found under JavaScript Frameworks.

@aeiiauthorJan 20.2017 — #How can edint that thread ?

@TrainJan 20.2017 — #Not until you get enough posts. And I have no idea what that number is.

How to save progressbar after refresh page.

6 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

How to save progressbar after refresh page.

6 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #JavaScript _↴