<div class="container">
    <svg width="400" height="400" viewPort="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <line stroke-dasharray="5, 5" x1="10" y1="10" x2="390" y2="10" />
        <line stroke-dasharray="5, 10, 20" x1="10" y1="40" x2="390" y2="40" />
        <line stroke-dasharray="5, 10, 20, 40" x1="10" y1="80" x2="390" y2="80" />
    </svg>
</div>
.container {
    width:400px;
    margin: 20px auto;
}
line {
    stroke-width:5;
    stroke:#ff7700;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.