Skip to content

Instantly share code, notes, and snippets.

@stevemayhew

stevemayhew/index.html

Created September 26, 2016 22:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save stevemayhew/c92e6a4998b509815f3c33bb944d88ba to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save stevemayhew/c92e6a4998b509815f3c33bb944d88ba to your computer and use it in GitHub Desktop.
Download ZIP
yabvjR
Raw
index.html
<html>
<head>
<title>Test Step Indicator</title>
</head>
</body>
<div class="steps">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 767 25">
<title>
StepIndicator
</title>
<path class="fixed-bar" d="M25.5 8h728.75a2.25 2.25 0 0 1 2.25 2.25v4.5a2.25 2.25 0 0 1-2.25 2.25H24.75" fill="#373938" fill-rule="evenodd"/>
<rect class="completed-bar" x="14.75" y="8" width="52.5" height="9" fill="#00a6e4"/>
<path class="bar-end-cap" d="M67.25 8a2.25 2.25 0 0 1 2.25 2.25v4.5A2.25 2.25 0 0 1 67.25 17" fill="#00a6e4" fill-rule="evenodd"/>
<circle class="left-end" cx="754.5" cy="12.5" r="12.5" fill="#373938"/>
<circle class="right-end" cx="12.5" cy="12.5" r="12.5" fill="#373938"/>
</svg>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment