Progressbar Bootstrap – kontrola sesji

Dynamiczny progressbar z bootstrapem i kontrolą sesji.

Progressbar. Dziś napisałem sobie prostą obsługę progressbar na bootstrapie – potrzebowałem do mojego projektu wyświetlającego czas sesji zalogowanego użytkownika. Z racji tego że sesja trwa w moim przypadku 1h (3600 sekund) – skrypty poniżej na sztywno mają uwzględniony ten parametr.

Progressbar Bootstrap

Poniższy skrypt można oczywiście podrasować sobie, np. przez zmianę koloru progress bara na czerwony kiedy zostało mniej niż 10%:

if(3600 - s <= 360) document.getElementById("progress-value").setAttribute("class", "progress-bar progress-bar-danger");

Wylogować użytkownika:

var logoutUrl = '/?logout=1'; // URL do wylogowania się
if(p <= 0) window.location = logoutUrl;

Do wszystkiego potrzebne zasoby:

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-progressbar/0.9.0/bootstrap-progressbar.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

Całość na fiddle: