Polymer Paper Progress

by Online Tutorials Library July 14, 2022

Polymer Paper progress

In Polymer.js, paper progress bar is used to determine the percentage of task completed. It specifies how much time a user have to spend for completing a task. Secondary progress is also available for displaying intermediate progress.

Use the following command in your command prompt to get paper-progress in your directory in working condition.

paper progress

Example:

Create an index.html file and add the following code in it to see the use of paper progress element in Polymer.js.

  <!doctype html>  <html>     <head>        <link rel = ‘import’ href = ‘my-app.html’>     </head>     <body>            <my-app></my-app>     </body>  </html>  

Now, open my-app.html file and include the following code in it.

  <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>  

Output

paper progress 2

Next TopicPaper Menu

Polymer Paper Progress

Polymer Paper progress

Example:

Apache Pig UNION Operator

PostgreSQL BIGINT

You may also like