Progress bar e possibile fare questo? 
Autor: Anna Luisa F.Salve a tutti, chiedo un aiuto per il seguente quesito.
Avendo un controllo progress bar, il quale indica agli utenti l'avvicinarsi della scadenza del proprio antivirus, per cui ogni tre mesi cambio manualmente i percentuali cosi facendo la barra inizia a cambiare colore, da verde a giallo e per ultimo rossa, la stessa e anche animata.
Esiste qualche possibilità di cambiare i tre valori di percentuale in base alle date da me stabilite? e non più manualmente?
( un esempio) al momento dell’attivazione del’antivirus, la barra verde la metto al 100% le altre due a 0%, dopo 3 mesi la barra verde la metto al 70% e la gialla al 30%, visto che le date di attivazione non coincidono e gli utenti sono più di uno vorrei atomizzare tale procedura.
Ringrazio tutti anticipatamente.
lo script usato da me e questo
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:70%">
Kaspersky Internet Security 1p "Attivazione 03.12.2015"
</div>
<div class="progress-bar progress-bar-warning progress-bar-striped active " role="progressbar" style="width:20%">
In scadenza
</div>
<div class="progress-bar progress-bar-danger progress-bar-striped active " role="progressbar" style="width:10%">
Scaduto
</div>
</div>
</div>
</body>
</html
... dove l'hai preso...?... ...cosa dovrebbe fare...?...
... nel caso posta la fonte...
... vedo che il tuo codice è inerte: http://www.zspace.it/kolasim/website/cambiaimmorario/Bootstrap_ProgressBarAnna.html
...
... comunque con SwishMax progressbarr dinamico sarebbe detto, pensato e fatto...
_____________
... edit: aggiunto l'esempio mancante:
> SWF: http://www.zspace.it/kolasim/swiffy/progressivebarrKswf.html
> HTML5: http://www.zspace.it/kolasim/swiffy/progressivebarrKswiffy.html
Autor
Salve, grazie del suo gentile intervento, cerco di spiegarmi meglio con un altro script:
Allora lo script che inserisco di seguito, mi permette di aumentare o diminuire la percentuale della barra progress, cliccando su 50% 25% ecc. per cui lo dovrei fare manualmente determinate date nel corso dell'anno.
E possibile automizzare tale comando in base alle date da me programmata?. esempio 20 luglio 50% 3 settembre 75% praticamente invece di andare a cliccare io per cambiare lo dovrebbe fare lui in automatico allo scadere della data programmata.
"Premetto che cio gia lo faccio con altro script ma e solo per visualizzare immagini diverse in diverse date"
================================================
questo e lo script che vorrei automizzare(allego solo lo script seza css)
<div class="container">
<input type="radio" class="radio" name="progress" value="five" id="five">
<label for="five" class="label">5%</label>
<input type="radio" class="radio" name="progress" value="twentyfive" id="twentyfive" checked>
<label for="twentyfive" class="label">25%</label>
<input type="radio" class="radio" name="progress" value="fifty" id="fifty">
<label for="fifty" class="label">50%</label>
<input type="radio" class="radio" name="progress" value="seventyfive" id="seventyfive">
<label for="seventyfive" class="label">75%</label>
<input type="radio" class="radio" name="progress" value="onehundred" id="onehundred">
<label for="onehundred" class="label">100%</label>
<div class="progress">
<div class="progress-bar"></div>
</div>
</div>
============================================================================
Buongiorno Anna,
se usi la plugin app Skill Bar l'unico metodo per modificarla è agire manualmente sulle opzioni e riesportare il sito. Se vuoi inserire il cambio di visualizzazione per una particolare data devi appunto inserire uno script manuale e modificare il codice del sito.
Purtroppo però su questo non posso aiutarti, magari qualche altro utente della community potrà darti maggiori informazioni.
... non ho ancora capito perchè non hai fornito valutazioni sulla barra del mio esempio, (la parte da considerare), che dà il risultato calcolato sulle date impostate; ovviamente la percentuale è automatica, e relativa all'intervallo considerato rispetto alla data odierna...
... se la barra rispetta le intenzioni, allora le formule dello stesso metodo che ho inventato in SwishScript potrebbero benissimo adattarsi in JavaScript, almeno credo, e magari farò una prova, solo se è quello che stai cercando di ottenere...
... se ne sei interessato, posta anche un LINK che faccia realmente vedere qualcosa, e la fonte usata, come già richiesto, così si potrebbe meglio capire, e magari qualche altro esperto potrebbe intervenire...
.
Il concetto è il medesimo, basta applicarlo allo script che vuoi tu:
immagini diverse = percentuali diverse
Il primo script postato proviene da qui: http://www.w3schools.com/bootstrap/bootstrap_progressbars.asp (esempio "Stacked Progress Bars" con l'aggiunta di una classe per lo sfondo animato).
E' "inerte" perché manca il .css
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
... se l'effetto è quello della fonte segnalata, allora con SwishMax è immediato poterlo ottenere, ed ecco la prova:
> SWF: http://www.zspace.it/kolasim/swiffy/progressivebarrKswf2.html
> HTML5: http://www.zspace.it/kolasim/swiffy/progressivebarrKswiffy2.html
.
... ho anche verificato rapidamente e le stesse formule funzionano anche in JS, e quindi a combinare con i codici, si potrebbe ottenere anche su pagina html; ...se me la sento e se ci riesco sperimentando in cantina, dopo cena magari farò un esempio...
.
Autor
Grande Grazie molot gentile
... questo è quello che ho ottenuto in cantina, editando direttamente in RETE, con risultati conformi all'esempio precedente SwishMax da usare per il confronto:
- 30/3/2016 - 30/6/2016 >> http://goo.gl/iJCkYa
- 30/3/2016 - 2/6/2016 >> http://goo.gl/Oyma5Z
- 30/3/2016 - 15/6/2016 >> http://goo.gl/pgwbhW
... vale solo come idea! di partenza; ...non è professionale; apri il sorgente, studialo, miglioralo, ...ed adattalo al tuo scopo...
.
Autor
Grazie sei stato molto gentile, scusami ancora per il tempo rubato al tuo lavoro.