Here is my html

```
<canvas class="row" id="myCanvas" width="500" height="50" style="border:1px solid #c3c3c3;"  ></canvas>

```

and this is javascript

```
function showProgress() {
        var c = document.getElementById("myCanvas");
        var ctx = c.getContext("2d");
        ctx.clearRect(0, 0, c.width, c.height);
        ctx.fillText("welcome", c.width/2, c.height/2);
      ctx.textAlign = "center";
      ctx.font = "30px Arial";
      ctx.fillStyle = "#00ff00";
            ctx.fillRect(0, 0, 270, 75);
    }
    showProgress();

```

I have following two issues.
1. Green fill rectangle is hiding the text. How can I show that text on top of fill color.  

2. I would like text (welcome in this case) color to be red. Is there anyway of modifying just the text color.

code could be found at jsfiddle
<https://jsfiddle.net/Lp24q01s/>