Polimero - Avanzamento carta
Le barre di avanzamento vengono utilizzate per determinare la percentuale di attività completata. Fornisce una breve idea all'utente di quanto tempo sarà necessario per completare l'attività. Il progresso secondario è disponibile anche per visualizzare il progresso intermedio. Per ottenere l'avanzamento della carta nella directory in condizioni di lavoro, è necessario eseguire il seguente comando nel prompt dei comandi.
bower install --save PolymerElements/paper-progress
Esempio
Il tuo file index.html dovrebbe essere simile al seguente:
<!doctype html>
<html>
<head>
<link rel = 'import' href = 'my-app.html'>
</head>
<body>
<my-app></my-app>
</body>
</html>
Il tuo file my-app.html dovrebbe essere simile al seguente:
<link rel = 'import' href = 'bower_components/polymer/polymer.html'>
<link rel = "import" href = "bower_components/paper-progress/paper-progress.html">
<dom-module id = 'my-app'>
<template>
<style>
paper-progress {
display: block;
width: 30%;
margin: 20px 0;
}
</style>
<h3>Paper-Progress Example</h3>
<p>70% completed</p>
<paper-progress value = "70"></paper-progress>
<p>45% completed</p>
<paper-progress value = "45"></paper-progress>
<p>20% completed</p>
<paper-progress value = "20"></paper-progress>
</template>
<script>
Polymer ({
is: 'my-app', ready: function() {
this.async(function() {
});
}
});
</script>
</dom-module>
Produzione
Aggiorna il server Polymer e il seguente sarà l'output.