Skip to content

pitana/pt-steps-indicator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pt-steps-indicator

WebCompoent for Circular Steps Indicator

#What it it ?

  <pt-steps-indicator current="2" total="5"></pt-steps-indicator>

will result in

Result

#How to use it

install

  bower install pt-steps-indicator --save

create index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="./bower_components/webcomponents.js/webcomponents-lite.min.js"></script>
    <script type="text/javascript" src="./bower_components/pitana.js/dist/pitana.js"></script>
    <link rel="import" href="./bower_components/pt-steps-indicator/src/pt-steps-indicator.html"/>
</head>
<body>
	<pt-steps-indicator current="2" total="5"></pt-steps-indicator>
</body>
</html>