pitana / pt-steps-indicator

WebCompoent for Circular Steps Indicator

Home Page:http://pitana.github.io/pt-steps-indicator/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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>

About

WebCompoent for Circular Steps Indicator

http://pitana.github.io/pt-steps-indicator/

License:MIT License


Languages

Language:JavaScript 43.4%Language:HTML 28.5%Language:CSS 21.8%Language:Shell 6.3%