Rounded corner only on one side of svg <rect>
<p>I am trying to implement a bar chart like diagram. I have the following html element</p>

<pre><code>&lt;rect x="35" y="-135" width="10" height="51" style="stroke: rgb(255, 255, 255); opacity: 0.8; fill: rgb(255, 122, 0);"&gt;&lt;/rect&gt;
</code></pre>

<p>I want to give the top <strong>corner of the rectangle a rounded shape</strong>.
How is it possible?<br>
I am not able to apply border-radius property.</p>